OpenCloud
/
mastodon
mirror of https://github.com/tootsuite/mastodon
1
1
Fork 0
Code Issues Releases Wiki Activity

Make width breakpoint for removing margins consistent and match upstream 

Fixes #1136
pull/12504/head
Thibaut Girka 2019-07-18 14:32:45 +02:00 committed by ThibG
parent 20520e6158
commit fabfa90e6c
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/flavours/glitch/styles/components/columns.scss
View File

@ -43,7 +43,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@media screen and (min-width: 360px) { @media screen and (min-width: $no-gap-breakpoint) {
padding: 0 10px; padding: 0 10px;
} }
} }
@ -466,14 +466,14 @@
} }
.auto-columns.navbar-under { .auto-columns.navbar-under {
@media screen and (max-width: 360px) { @media screen and (max-width: $no-gap-breakpoint) {
@include fix-margins-for-navbar-under; @include fix-margins-for-navbar-under;
} }
} }
.auto-columns.navbar-under .react-swipeable-view-container .columns-area, .auto-columns.navbar-under .react-swipeable-view-container .columns-area,
.single-column.navbar-under .react-swipeable-view-container .columns-area { .single-column.navbar-under .react-swipeable-view-container .columns-area {
@media screen and (max-width: 360px) { @media screen and (max-width: $no-gap-breakpoint) {
height: 100% !important; height: 100% !important;
} }
} }

2
app/javascript/flavours/glitch/styles/components/drawer.scss
View File

@ -78,7 +78,7 @@
margin-bottom: 10px; margin-bottom: 10px;
flex: none; flex: none;
@include limited-single-column('screen and (max-width: 360px)') { margin-bottom: 0 } @include limited-single-column('screen and (max-width: #{$no-gap-breakpoint})') { margin-bottom: 0 }
@include single-column('screen and (max-width: 630px)') { font-size: 16px } @include single-column('screen and (max-width: 630px)') { font-size: 16px }
} }

4
app/javascript/flavours/glitch/styles/components/single_column.scss
View File

@ -98,7 +98,7 @@
top: 15px; top: 15px;
} }
@media screen and (min-width: 360px) { @media screen and (min-width: $no-gap-breakpoint) {
padding: 10px 0; padding: 10px 0;
} }
@ -184,7 +184,7 @@
} }
} }
@media screen and (min-width: 360px) { @media screen and (min-width: $no-gap-breakpoint) {
.tabs-bar { .tabs-bar {
margin: 10px auto; margin: 10px auto;
margin-bottom: 0; margin-bottom: 0;