me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make width breakpoint for removing margins consistent and match upstream

Browse source 
Fixes #1136
This commit is contained in:
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;
flex-direction: column;
@media screen and (min-width: 360px) {
@media screen and (min-width: $no-gap-breakpoint) {
padding: 0 10px;
}
}
@ -466,14 +466,14 @@
}
.auto-columns.navbar-under {
@media screen and (max-width: 360px) {
@media screen and (max-width: $no-gap-breakpoint) {
@include fix-margins-for-navbar-under;
}
}
.auto-columns.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;
}
}

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

@ -78,7 +78,7 @@
margin-bottom: 10px;
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 }
}

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

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