Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-15 08:48:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove leftovers from glitch-soc's layout option

Browse Source
This commit is contained in:
Claire
2024-02-08 19:12:02 +01:00
parent 189b70cd6a
commit f6f62002c7
6 changed files with 15 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/javascript/flavours/glitch/styles/components.scss
View File

@@ -496,7 +496,7 @@ body > [data-popper-placement] {
outline: 0;
}
@include single-column('screen and (max-width: 630px)') {
@media screen and (width <= 600px) {
font-size: 16px;
}
}
@@ -517,7 +517,7 @@ body > [data-popper-placement] {
all: unset;
}
@include limited-single-column('screen and (max-width: 600px)') {
@media screen and (width <= 600px) {
height: 100px !important; // Prevent auto-resize textarea
resize: vertical;
}
@@ -3040,10 +3040,6 @@ $ui-header-height: 55px;
border-bottom-color: $ui-highlight-color;
}
@include limited-single-column('screen and (max-width: 600px)') {
font-size: 16px;
}
&.light {
color: $inverted-text-color;
border-bottom: 2px solid lighten($ui-base-color, 27%);
@@ -3054,6 +3050,10 @@ $ui-header-height: 55px;
border-bottom-color: $ui-highlight-color;
}
}
@media screen and (width <= 600px) {
font-size: 16px;
}
}
.status-card {
@@ -6827,11 +6827,11 @@ img.modal-warning {
padding-inline-end: 10px;
}
@include single-column('screen and (max-width: 630px)') {
@media screen and (width <= 630px) {
flex: auto;
}
@include limited-single-column('screen and (max-width: 630px)') {
@media screen and (width <= 630px) {
&,
&:first-child,
&:last-child {
@@ -6845,7 +6845,7 @@ img.modal-warning {
flex: 1 1 200px;
}
@include single-column('screen and (max-width: 630px)') {
@media screen and (width <= 630px) {
:root & {
// Overrides `.wide` for single-column view
flex: auto;
@@ -6862,12 +6862,11 @@ img.modal-warning {
}
.search {
@include limited-single-column(
'screen and (max-width: #{$no-gap-breakpoint})'
) {
@media screen and (max-width: $no-gap-breakpoint) {
margin-bottom: 0;
}
@include single-column('screen and (max-width: 630px)') {
@media screen and (width <= 630px) {
font-size: 16px;
}
}