gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-07-16 17:28:15 +00:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: Fix SCSS lint warnings (#35102)

Browse Source
This commit is contained in:
diondiondion 2025-06-21 10:58:12 +02:00 committed by GitHub
parent 204ff46f7e
commit 3f743b1a07
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/javascript/styles/mastodon/components.scss
View File

@ -1185,6 +1185,7 @@ body > [data-popper-placement] {
line-height: 20px; line-height: 20px;
letter-spacing: 0.25px; letter-spacing: 0.25px;
display: -webkit-box; display: -webkit-box;
line-clamp: 4;
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
padding: 0; padding: 0;
@ -1263,6 +1264,7 @@ body > [data-popper-placement] {
letter-spacing: 0.25px; letter-spacing: 0.25px;
padding-top: 0 !important; padding-top: 0 !important;
display: -webkit-box; display: -webkit-box;
line-clamp: 4;
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
max-height: 4 * 20px; max-height: 4 * 20px;
@ -2100,6 +2102,7 @@ body > [data-popper-placement] {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
line-clamp: 1;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
margin-top: 10px; margin-top: 10px;
@ -3124,7 +3127,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; $sidebar-width: 285px;
.columns-area__panels__main { .columns-area__panels__main {
@ -3324,7 +3327,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 { .columns-area__panels__pane--compositional {
display: none; display: none;
} }
@ -3565,19 +3568,19 @@ a.account__display-name {
} }
} }
@media screen and (height <= 930px - 56px) { @media screen and (height <= (930px - 56px)) {
&__portal .trends__item:nth-child(n + 4) { &__portal .trends__item:nth-child(n + 4) {
display: none; display: none;
} }
} }
@media screen and (height <= 930px - (56px * 2)) { @media screen and (height <= (930px - 56px * 2)) {
&__portal .trends__item:nth-child(n + 3) { &__portal .trends__item:nth-child(n + 3) {
display: none; display: none;
} }
} }
@media screen and (height <= 930px - (56px * 3)) { @media screen and (height <= (930px - 56px * 3)) {
&__portal { &__portal {
display: none; display: none;
} }
@ -4110,6 +4113,7 @@ a.status-card {
.status-card.expanded .status-card__title { .status-card.expanded .status-card__title {
white-space: normal; white-space: normal;
display: -webkit-box; display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
@ -6153,6 +6157,7 @@ a.status-card {
font-size: 15px; font-size: 15px;
line-height: 22px; line-height: 22px;
color: $dark-text-color; color: $dark-text-color;
line-clamp: 4;
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
max-height: 4 * 22px; max-height: 4 * 22px;
@ -7717,7 +7722,7 @@ a.status-card {
display: flex; display: flex;
flex-shrink: 0; 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-right: 0;
border-left: 0; border-left: 0;
} }
@ -8126,7 +8131,7 @@ noscript {
} }
// Fallback for older browsers with no container queries support // 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; display: none;
} }
} }
@ -8595,7 +8600,7 @@ noscript {
width: 124px; width: 124px;
flex: 0 0 auto; flex: 0 0 auto;
@media screen and (max-width: 124px + 300px) { @media screen and (max-width: (124px + 300px)) {
display: none; display: none;
} }
} }
@ -8605,7 +8610,7 @@ noscript {
flex: 0 0 auto; flex: 0 0 auto;
position: relative; position: relative;
@media screen and (max-width: 124px + 300px) { @media screen and (max-width: (124px + 300px)) {
width: 100%; width: 100%;
} }
} }
@ -8698,7 +8703,6 @@ noscript {
height: 100%; height: 100%;
min-width: auto; min-width: auto;
min-height: auto; min-height: auto;
vertical-align: bottom;
object-fit: contain; object-fit: contain;
} }
} }
@ -8734,6 +8738,7 @@ noscript {
} }
.emoji-picker-dropdown { .emoji-picker-dropdown {
display: flex;
margin: 2px; margin: 2px;
} }
@ -8959,7 +8964,7 @@ noscript {
.layout-single-column .explore__search-header { .layout-single-column .explore__search-header {
display: none; display: none;
@media screen and (max-width: $no-gap-breakpoint - 1px) { @media screen and (max-width: ($no-gap-breakpoint - 1px)) {
display: flex; display: flex;
} }
} }
@ -9357,7 +9362,7 @@ noscript {
} }
} }
@media screen and (max-width: $no-gap-breakpoint - 1px) { @media screen and (max-width: ($no-gap-breakpoint - 1px)) {
&__choices { &__choices {
flex-direction: column; flex-direction: column;
@ -10902,6 +10907,7 @@ noscript {
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
display: -webkit-box; display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
max-height: 2 * 20px; max-height: 2 * 20px;