From ef3f2ced09a9f98e80418568117eaa079e835f3e Mon Sep 17 00:00:00 2001 From: Matt Jankowski Date: Wed, 15 Oct 2025 07:30:09 -0400 Subject: [PATCH] [Glitch] Update `stylelint-config-standard-scss` to version 16.0.0 Port c6de46d12d80d867cffc1a060ba9f2950c2acfee to glitch-soc Co-authored-by: diondiondion Signed-off-by: Claire --- app/javascript/flavours/glitch/styles/admin.scss | 14 +++++++------- .../flavours/glitch/styles/components.scss | 16 +++++++--------- .../flavours/glitch/styles/dashboard.scss | 2 +- .../flavours/glitch/styles/emoji_picker.scss | 2 +- app/javascript/flavours/glitch/styles/forms.scss | 2 +- app/javascript/flavours/glitch/styles/polls.scss | 7 ------- 6 files changed, 17 insertions(+), 26 deletions(-) diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss index fc4e50dfde..5ce5567447 100644 --- a/app/javascript/flavours/glitch/styles/admin.scss +++ b/app/javascript/flavours/glitch/styles/admin.scss @@ -717,7 +717,7 @@ body, } &__title { - word-wrap: break-word; + overflow-wrap: break-word; } &__timestamp { @@ -768,7 +768,7 @@ body, } &__title { - word-wrap: break-word; + overflow-wrap: break-word; } &__timestamp { @@ -1418,7 +1418,7 @@ a.sparkline { .report-header { display: grid; - grid-gap: 15px; + gap: 15px; grid-template-columns: minmax(0, 1fr) 300px; &__details { @@ -1528,7 +1528,7 @@ a.sparkline { margin: 8px 0; overflow: hidden; text-overflow: ellipsis; - word-wrap: break-word; + overflow-wrap: break-word; max-height: 21px * 2; position: relative; font-size: 15px; @@ -1685,7 +1685,7 @@ a.sparkline { &__content { font-size: 15px; line-height: 20px; - word-wrap: break-word; + overflow-wrap: break-word; font-weight: 400; color: $primary-text-color; @@ -1787,7 +1787,7 @@ a.sparkline { padding: 15px; font-size: 15px; line-height: 20px; - word-wrap: break-word; + overflow-wrap: break-word; font-weight: 400; color: $primary-text-color; box-sizing: border-box; @@ -1969,7 +1969,7 @@ a.sparkline { border-radius: 4px; font-size: 15px; line-height: 20px; - word-wrap: break-word; + overflow-wrap: break-word; font-weight: 400; border: 1px solid lighten($ui-base-color, 4%); color: $primary-text-color; diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index ef80090850..c0fc55a581 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -1175,7 +1175,7 @@ .edit-indicator__content, .reply-indicator__content { position: relative; - word-wrap: break-word; + overflow-wrap: break-word; font-weight: 400; overflow: hidden; text-overflow: ellipsis; @@ -1422,7 +1422,7 @@ } .announcements__item__content { - word-wrap: break-word; + overflow-wrap: break-word; overflow-y: auto; .emojione { @@ -4033,7 +4033,7 @@ a.account__display-name { .react-toggle-screenreader-only, .sr-only { border: 0; - clip: rect(0 0 0 0); + clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; @@ -5309,10 +5309,8 @@ a.status-card { &__menu { @include search-popout; - & { - padding: 0; - background: $ui-secondary-color; - } + padding: 0; + background: $ui-secondary-color; } &__menu-list { @@ -8624,7 +8622,7 @@ noscript { font-weight: 400; overflow: hidden; word-break: normal; - word-wrap: break-word; + overflow-wrap: break-word; p { margin-bottom: 20px; @@ -9269,7 +9267,7 @@ noscript { position: relative; font-size: 15px; line-height: 20px; - word-wrap: break-word; + overflow-wrap: break-word; font-weight: 400; max-height: 50vh; overflow: hidden; diff --git a/app/javascript/flavours/glitch/styles/dashboard.scss b/app/javascript/flavours/glitch/styles/dashboard.scss index c99cdc357a..8326022f71 100644 --- a/app/javascript/flavours/glitch/styles/dashboard.scss +++ b/app/javascript/flavours/glitch/styles/dashboard.scss @@ -61,7 +61,7 @@ .dashboard { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); - grid-gap: 10px; + gap: 10px; @media screen and (width <= 1350px) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); diff --git a/app/javascript/flavours/glitch/styles/emoji_picker.scss b/app/javascript/flavours/glitch/styles/emoji_picker.scss index 1fde5de1dc..d443b74fe3 100644 --- a/app/javascript/flavours/glitch/styles/emoji_picker.scss +++ b/app/javascript/flavours/glitch/styles/emoji_picker.scss @@ -190,7 +190,7 @@ padding: 0; margin: -1px; overflow: hidden; - clip: rect(0, 0, 0, 0); + clip-path: inset(50%); border: 0; } diff --git a/app/javascript/flavours/glitch/styles/forms.scss b/app/javascript/flavours/glitch/styles/forms.scss index 87e6411bc6..aad79c9876 100644 --- a/app/javascript/flavours/glitch/styles/forms.scss +++ b/app/javascript/flavours/glitch/styles/forms.scss @@ -300,7 +300,7 @@ code { color: $primary-text-color; display: block; margin-bottom: 8px; - word-wrap: break-word; + overflow-wrap: break-word; font-weight: 500; } diff --git a/app/javascript/flavours/glitch/styles/polls.scss b/app/javascript/flavours/glitch/styles/polls.scss index 5775f97236..e8f2f5c394 100644 --- a/app/javascript/flavours/glitch/styles/polls.scss +++ b/app/javascript/flavours/glitch/styles/polls.scss @@ -6,12 +6,6 @@ margin-top: 16px; font-size: 14px; - ul, - .e-content & ul { - margin: 0; - list-style: none; - } - li { margin-bottom: 10px; position: relative; @@ -66,7 +60,6 @@ &__text { display: inline-block; - word-wrap: break-word; overflow-wrap: break-word; max-width: calc(100% - 45px - 25px); }