mirror of https://github.com/tootsuite/mastodon
Make width breakpoint for removing margins consistent and match upstream
Fixes #1136pull/12504/head
parent
20520e6158
commit
fabfa90e6c
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue