Always use 3-column layout on desktop and 1-column on phone

a71753b243994f763c4fc3c7623eac5c63fa5a95

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: e0c8488c3f6ffe7b7838161c5454a4409ca2743a
3 files changed, +9 -12Showing whitespace changes
public/css/mobile-styles.css+9 -0
@@ -1,5 +1,14 @@
1/*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/1/*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/
2@media screen and (max-width: 1000px) {2@media screen and (max-width: 1000px) {
3 #UI-Theme-Block,
4 #UI-Customization,
5 #power-user-options-block,
6 #ContextSettings,
7 #InstructSettingsColumn,
8 #InstructSequencesColumn {
9 flex-basis: auto;
10 }
11
312
4 #send_form.compact #leftSendForm,13 #send_form.compact #leftSendForm,
5 #send_form.compact #rightSendForm {14 #send_form.compact #rightSendForm {
public/index.html+0 -0
public/style.css+0 -12
@@ -4388,18 +4388,6 @@ body.big-avatars .missing-avatar {
4388 text-align: center;4388 text-align: center;
4389}4389}
43904390
4391#UI-Theme-Block,
4392#UI-Customization,
4393#power-user-options-block,
4394#ContextSettings,
4395#InstructSettingsColumn,
4396#InstructSequencesColumn {
4397 flex-basis: 250px;
4398}
4399
4400
4401
4402
4403.userSettingsInnerExpandable {4391.userSettingsInnerExpandable {
4404 border: 1px solid;4392 border: 1px solid;
4405 border-color: var(--SmartThemeBorderColor);4393 border-color: var(--SmartThemeBorderColor);