diff --git a/app/javascript/styles/mastodon/admin.scss b/app/javascript/styles/mastodon/admin.scss index 2e05284e2..5f82db933 100644 --- a/app/javascript/styles/mastodon/admin.scss +++ b/app/javascript/styles/mastodon/admin.scss @@ -696,7 +696,7 @@ body, } &__title { - word-wrap: break-word; + overflow-wrap: break-word; } &__timestamp { @@ -747,7 +747,7 @@ body, } &__title { - word-wrap: break-word; + overflow-wrap: break-word; } &__timestamp { @@ -1397,7 +1397,7 @@ a.sparkline { .report-header { display: grid; - grid-gap: 15px; + gap: 15px; grid-template-columns: minmax(0, 1fr) 300px; &__details { @@ -1507,7 +1507,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; @@ -1664,7 +1664,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; @@ -1766,7 +1766,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; @@ -1948,7 +1948,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/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index ee54cd71a..65ed88dca 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -1122,7 +1122,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; @@ -1363,7 +1363,7 @@ } .announcements__item__content { - word-wrap: break-word; + overflow-wrap: break-word; overflow-y: auto; .emojione { @@ -3968,7 +3968,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; @@ -5177,10 +5177,8 @@ a.status-card { &__menu { @include search-popout; - & { - padding: 0; - background: $ui-secondary-color; - } + padding: 0; + background: $ui-secondary-color; } &__menu-list { @@ -8322,7 +8320,7 @@ noscript { font-weight: 400; overflow: hidden; word-break: normal; - word-wrap: break-word; + overflow-wrap: break-word; p { margin-bottom: 20px; @@ -8966,7 +8964,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/styles/mastodon/dashboard.scss b/app/javascript/styles/mastodon/dashboard.scss index c99cdc357..8326022f7 100644 --- a/app/javascript/styles/mastodon/dashboard.scss +++ b/app/javascript/styles/mastodon/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/styles/mastodon/emoji_picker.scss b/app/javascript/styles/mastodon/emoji_picker.scss index 1fde5de1d..d443b74fe 100644 --- a/app/javascript/styles/mastodon/emoji_picker.scss +++ b/app/javascript/styles/mastodon/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/styles/mastodon/forms.scss b/app/javascript/styles/mastodon/forms.scss index b3708b722..650081d1e 100644 --- a/app/javascript/styles/mastodon/forms.scss +++ b/app/javascript/styles/mastodon/forms.scss @@ -299,7 +299,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/styles/mastodon/polls.scss b/app/javascript/styles/mastodon/polls.scss index b13c9d613..e8f2f5c39 100644 --- a/app/javascript/styles/mastodon/polls.scss +++ b/app/javascript/styles/mastodon/polls.scss @@ -60,7 +60,6 @@ &__text { display: inline-block; - word-wrap: break-word; overflow-wrap: break-word; max-width: calc(100% - 45px - 25px); } diff --git a/package.json b/package.json index 4596fc421..16095441d 100644 --- a/package.json +++ b/package.json @@ -189,7 +189,7 @@ "storybook": "^9.1.1", "stylelint": "^16.19.1", "stylelint-config-prettier-scss": "^1.0.0", - "stylelint-config-standard-scss": "^15.0.1", + "stylelint-config-standard-scss": "^16.0.0", "typescript": "~5.9.0", "typescript-eslint": "^8.45.0", "vitest": "^3.2.4" diff --git a/yarn.lock b/yarn.lock index 2c6848c9d..69908cafc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2915,7 +2915,7 @@ __metadata: stringz: "npm:^2.1.0" stylelint: "npm:^16.19.1" stylelint-config-prettier-scss: "npm:^1.0.0" - stylelint-config-standard-scss: "npm:^15.0.1" + stylelint-config-standard-scss: "npm:^16.0.0" substring-trie: "npm:^1.0.2" tesseract.js: "npm:^6.0.0" tiny-queue: "npm:^0.2.1" @@ -12861,62 +12861,62 @@ __metadata: languageName: node linkType: hard -"stylelint-config-recommended-scss@npm:^15.0.1": - version: 15.0.1 - resolution: "stylelint-config-recommended-scss@npm:15.0.1" +"stylelint-config-recommended-scss@npm:^16.0.1": + version: 16.0.2 + resolution: "stylelint-config-recommended-scss@npm:16.0.2" dependencies: postcss-scss: "npm:^4.0.9" - stylelint-config-recommended: "npm:^16.0.0" - stylelint-scss: "npm:^6.12.0" + stylelint-config-recommended: "npm:^17.0.0" + stylelint-scss: "npm:^6.12.1" peerDependencies: postcss: ^8.3.3 - stylelint: ^16.16.0 + stylelint: ^16.24.0 peerDependenciesMeta: postcss: optional: true - checksum: 10c0/8c5854e143145241dbff3d921298eb59e837aa695c0e6d7f08acf75de81f3f8307d39a931781bf8ac7cbe6bf9079a402fee89566206e9cfb1d728ef6b6486890 + checksum: 10c0/d4e30a881e248d8b039347bf967526f6afe6d6a07f18e2747e14568de32273e819ba478be7a61a0dd63178931b4e891050a34e73d296ab533aa434209a7f3146 languageName: node linkType: hard -"stylelint-config-recommended@npm:^16.0.0": +"stylelint-config-recommended@npm:^17.0.0": + version: 17.0.0 + resolution: "stylelint-config-recommended@npm:17.0.0" + peerDependencies: + stylelint: ^16.23.0 + checksum: 10c0/49e5d1c0f58197b2c5585b85fad814fed9bdec44c9870368c46a762664c5ff158c1145b6337456ae194409d692992b5b87421d62880422f71d8a3360417f5ad1 + languageName: node + linkType: hard + +"stylelint-config-standard-scss@npm:^16.0.0": version: 16.0.0 - resolution: "stylelint-config-recommended@npm:16.0.0" - peerDependencies: - stylelint: ^16.16.0 - checksum: 10c0/b2b4ea2633a606a0f686521aa5e8908810c9dd21fd4525c86b34213de1e362b445fd5472b6e5ff251d46f999e2ca2c6c704f2efc1c08d5a532084427f4e1c9d8 - languageName: node - linkType: hard - -"stylelint-config-standard-scss@npm:^15.0.1": - version: 15.0.1 - resolution: "stylelint-config-standard-scss@npm:15.0.1" + resolution: "stylelint-config-standard-scss@npm:16.0.0" dependencies: - stylelint-config-recommended-scss: "npm:^15.0.1" - stylelint-config-standard: "npm:^38.0.0" + stylelint-config-recommended-scss: "npm:^16.0.1" + stylelint-config-standard: "npm:^39.0.0" peerDependencies: postcss: ^8.3.3 - stylelint: ^16.18.0 + stylelint: ^16.23.1 peerDependenciesMeta: postcss: optional: true - checksum: 10c0/85b4c85a9ecd97176ac104fb4590cd48047b6253b830d08749c024752b9bc8871bbf69eca592769d69cd4c6e3f90005960630f1c2cdaf85dbfabdb5621ecc55f + checksum: 10c0/eb77f23824c5d649b193cb71d7f9b538b32b8cc1769451b2993270361127243d4011baf891ec265711b8e34e69ce28acb57ab6c3947b51fa3713ac26f4276439 languageName: node linkType: hard -"stylelint-config-standard@npm:^38.0.0": - version: 38.0.0 - resolution: "stylelint-config-standard@npm:38.0.0" +"stylelint-config-standard@npm:^39.0.0": + version: 39.0.1 + resolution: "stylelint-config-standard@npm:39.0.1" dependencies: - stylelint-config-recommended: "npm:^16.0.0" + stylelint-config-recommended: "npm:^17.0.0" peerDependencies: - stylelint: ^16.18.0 - checksum: 10c0/8b52c7b7d6287c7495a8fe3a681e07ea9478374e7e66b28d61779072d46cd5b845530b2410df7496a008a8efafe834fb46cf07792f4cf57f996e39f24a801b90 + stylelint: ^16.23.0 + checksum: 10c0/70a9862a2cedcc2a1807bd92fc91c40877270cf8a39576b91ae056d6de51d3b68104b26f71056ff22461b4319e9ec988d009abf10ead513b2ec15569d82e865a languageName: node linkType: hard -"stylelint-scss@npm:^6.12.0": - version: 6.12.0 - resolution: "stylelint-scss@npm:6.12.0" +"stylelint-scss@npm:^6.12.1": + version: 6.12.1 + resolution: "stylelint-scss@npm:6.12.1" dependencies: css-tree: "npm:^3.0.1" is-plain-object: "npm:^5.0.0" @@ -12928,7 +12928,7 @@ __metadata: postcss-value-parser: "npm:^4.2.0" peerDependencies: stylelint: ^16.0.2 - checksum: 10c0/c0ba314badd22118047e374febf8dabac56bd351d612ed9c9fc2da5dc760996c2768605aa8d4e483cf0b0fe649c35ae5a003c8a872ee5bec1bbc2d8d45673ff5 + checksum: 10c0/9a0903d34be3c75a72bef32402899db5f6b94c0823c5944fdf1acb2c3dc61c1f70fbb322558f8cb7e42dd01ed5e0dec22ed298f03b7bacc9f467c28330acae71 languageName: node linkType: hard