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

[Glitch] fix: Fix SCSS lint warnings

Browse Source 
Port 3f743b1a07 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2025-06-21 10:58:12 +02:00
committed by Claire
parent 9cb5a77c3e
commit f41981e772
1 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1244,6 +1244,7 @@ body > [data-popper-placement] {
line-height: 20px;
letter-spacing: 0.25px;
display: -webkit-box;
line-clamp: 4;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
padding: 0;
@@ -1322,6 +1323,7 @@ body > [data-popper-placement] {
letter-spacing: 0.25px;
padding-top: 0 !important;
display: -webkit-box;
line-clamp: 4;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 4 * 20px;
@@ -2166,6 +2168,7 @@ body > [data-popper-placement] {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-clamp: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top: 10px;
@@ -3189,7 +3192,7 @@ a.account__display-name {
}
}
@media screen and (max-width: $no-gap-breakpoint - 1px) {
@media screen and (max-width: ($no-gap-breakpoint - 1px)) {
$sidebar-width: 285px;
.columns-area__panels__main {
@@ -3389,7 +3392,7 @@ a.account__display-name {
}
}
@media screen and (max-width: $no-gap-breakpoint - 1px) {
@media screen and (max-width: ($no-gap-breakpoint - 1px)) {
.columns-area__panels__pane--compositional {
display: none;
}
@@ -3630,19 +3633,19 @@ a.account__display-name {
}
}
@media screen and (height <= 930px - 56px) {
@media screen and (height <= (930px - 56px)) {
&__portal .trends__item:nth-child(n + 4) {
display: none;
}
}
@media screen and (height <= 930px - (56px * 2)) {
@media screen and (height <= (930px - 56px * 2)) {
&__portal .trends__item:nth-child(n + 3) {
display: none;
}
}
@media screen and (height <= 930px - (56px * 3)) {
@media screen and (height <= (930px - 56px * 3)) {
&__portal {
display: none;
}
@@ -4198,6 +4201,7 @@ a.status-card {
.status-card.expanded .status-card__title {
white-space: normal;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@@ -6390,6 +6394,7 @@ a.status-card {
font-size: 15px;
line-height: 22px;
color: $dark-text-color;
line-clamp: 4;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 4 * 22px;
@@ -8021,7 +8026,7 @@ img.modal-warning {
display: flex;
flex-shrink: 0;
@media screen and (max-width: $no-gap-breakpoint - 1px) {
@media screen and (max-width: ($no-gap-breakpoint - 1px)) {
border-right: 0;
border-left: 0;
}
@@ -8429,7 +8434,7 @@ noscript {
}
// Fallback for older browsers with no container queries support
@media screen and (max-width: 372px + 55px) {
@media screen and (max-width: (372px + 55px)) {
display: none;
}
}
@@ -8898,7 +8903,7 @@ noscript {
width: 124px;
flex: 0 0 auto;
@media screen and (max-width: 124px + 300px) {
@media screen and (max-width: (124px + 300px)) {
display: none;
}
}
@@ -8908,7 +8913,7 @@ noscript {
flex: 0 0 auto;
position: relative;
@media screen and (max-width: 124px + 300px) {
@media screen and (max-width: (124px + 300px)) {
width: 100%;
}
}
@@ -9001,7 +9006,6 @@ noscript {
height: 100%;
min-width: auto;
min-height: auto;
vertical-align: bottom;
object-fit: contain;
}
}
@@ -9037,6 +9041,7 @@ noscript {
}
.emoji-picker-dropdown {
display: flex;
margin: 2px;
}
@@ -9268,7 +9273,7 @@ noscript {
.layout-single-column .explore__search-header {
display: none;
@media screen and (max-width: $no-gap-breakpoint - 1px) {
@media screen and (max-width: ($no-gap-breakpoint - 1px)) {
display: flex;
}
}
@@ -9666,7 +9671,7 @@ noscript {
}
}
@media screen and (max-width: $no-gap-breakpoint - 1px) {
@media screen and (max-width: ($no-gap-breakpoint - 1px)) {
&__choices {
flex-direction: column;
@@ -11216,6 +11221,7 @@ noscript {
font-size: 14px;
line-height: 20px;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 2 * 20px;