FreeTubeApp · FreeTubeBot · Aug 7, 2025 · Aug 7, 2025 · Aug 5, 2025 · Aug 5, 2025
diff --git a/package.json b/package.json
@@ -106,9 +106,9 @@
     "postcss-scss": "^4.0.9",
     "sass": "^1.89.2",
     "sass-loader": "^16.0.5",
-    "stylelint": "^16.22.0",
+    "stylelint": "^16.23.1",
     "stylelint-config-sass-guidelines": "^12.1.0",
-    "stylelint-config-standard": "^38.0.0",
+    "stylelint-config-standard": "^39.0.0",
     "stylelint-high-performance-animation": "^1.11.0",
     "stylelint-use-logical-spec": "^5.0.1",
     "tree-kill": "1.2.2",

diff --git a/src/renderer/components/CommentSection/CommentSection.css b/src/renderer/components/CommentSection/CommentSection.css
@@ -76,7 +76,7 @@
   font-size: 14px;
   margin-inline-start: 68px;
   margin-block-start: 0;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .commentOwner {
@@ -96,7 +96,7 @@
   font-size: 14px;
   margin-block-start: -10px;
   margin-inline-start: 70px;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .commentPinned {

diff --git a/src/renderer/components/FtAutoGrid/FtAutoGrid.css b/src/renderer/components/FtAutoGrid/FtAutoGrid.css
@@ -1,11 +1,11 @@
 .grid {
   display: grid;
-  grid-gap: 8px;
+  gap: 8px;
   grid-template-columns: repeat(auto-fill, minmax(262px, 1fr));
   justify-content: space-evenly;
 }
 
 .list {
   display: grid;
-  grid-gap: 4px;
+  gap: 4px;
 }
diff --git a/src/renderer/components/FtCheckboxList/FtCheckboxList.css b/src/renderer/components/FtCheckboxList/FtCheckboxList.css
@@ -1,7 +1,7 @@
 /* stylelint-disable no-descending-specificity */
 .pure-checkbox input[type='checkbox'] {
   border: 0;
-  clip: rect(0 0 0 0);
+  clip-path: circle(0);
   block-size: 1px;
   margin: -1px;
   overflow: hidden;

diff --git a/src/renderer/components/FtCommunityPost/FtCommunityPost.scss b/src/renderer/components/FtCommunityPost/FtCommunityPost.scss
@@ -110,7 +110,7 @@
   .playlistText {
     margin-inline-start: 10px;
     inline-size: 50%;
-    word-wrap: break-word;
+    overflow-wrap: break-word;
 
     .playlistAuthor {
       font-size: small;

diff --git a/src/renderer/components/FtInputTags/FtInputTags.css b/src/renderer/components/FtInputTags/FtInputTags.css
@@ -32,7 +32,6 @@
   padding-block: 10px;
   padding-inline: 10px;
   overflow-wrap: break-word;
-  word-wrap: break-word;
   word-break: break-all;
   hyphens: auto;
   user-select: text;

diff --git a/src/renderer/components/FtPlaylistSelector/FtPlaylistSelector.scss b/src/renderer/components/FtPlaylistSelector/FtPlaylistSelector.scss
@@ -48,7 +48,7 @@
     .title {
       font-size: 20px;
       text-decoration: none;
-      word-wrap: break-word;
+      overflow-wrap: break-word;
     }
 
     .videoPresenceCount {

diff --git a/src/renderer/components/FtRadioButton/FtRadioButton.css b/src/renderer/components/FtRadioButton/FtRadioButton.css
@@ -1,7 +1,7 @@
 /* stylelint-disable no-descending-specificity */
 .pure-radiobutton input[type='radio'] {
   border: 0;
-  clip: rect(0 0 0 0);
+  clip-path: circle(0);
   block-size: 1px;
   margin: -1px;
   overflow: hidden;

diff --git a/src/renderer/components/SideNav/SideNav.css b/src/renderer/components/SideNav/SideNav.css
@@ -60,7 +60,7 @@
 .navOption .navLabel {
   margin-inline-start: 40px;
   overflow: hidden;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .navOption:hover,
@@ -94,7 +94,7 @@
 .navChannel .navLabel {
   overflow: hidden;
   margin-inline-start: 40px;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   font-size: 12px;
 }
 

diff --git a/src/renderer/components/WatchVideoLiveChat/WatchVideoLiveChat.css b/src/renderer/components/WatchVideoLiveChat/WatchVideoLiveChat.css
@@ -34,7 +34,7 @@
   color: var(--tertiary-text-color);
   padding: 0;
   margin: 0;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 :deep(.liveChatEmoji) {
@@ -186,7 +186,7 @@
 .chatContent {
   margin-block: 5px 2px;
   font-size: 12px;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .member {

diff --git a/src/renderer/components/WatchVideoRecommendations/WatchVideoRecommendations.css b/src/renderer/components/WatchVideoRecommendations/WatchVideoRecommendations.css
@@ -4,7 +4,7 @@
 
 .watchVideoRecommendations {
   display: grid;
-  grid-gap: 8px;
+  gap: 8px;
 }
 
 .VideoRecommendationsTopBar {

diff --git a/src/renderer/components/ft-input/ft-input.css b/src/renderer/components/ft-input/ft-input.css
@@ -197,7 +197,7 @@ body[dir='rtl'] .ft-input-component.search.showClearTextButton:focus-within .inp
   padding-inline: 0;
   z-index: 10;
   border-radius: 0 0 5px 5px;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   box-shadow: 0 0 10px var(--scrollbar-color-hover);
   background-color: var(--search-bar-color);
 }

diff --git a/src/renderer/components/watch-video-info/watch-video-info.css b/src/renderer/components/watch-video-info/watch-video-info.css
@@ -11,7 +11,7 @@
   font-weight: normal;
   margin-block: 0;
   margin-inline: 0;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .videoMetrics,

diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss
@@ -239,7 +239,7 @@ $watched-transition-duration: 0.5s;
       font-size: 20px;
       grid-area: title;
       text-decoration: none;
-      word-wrap: break-word;
+      overflow-wrap: break-word;
       overflow-wrap: anywhere;
 
       @include low-contrast-when-watched(var(--primary-text-color));

diff --git a/src/renderer/scss-partials/_utils.scss b/src/renderer/scss-partials/_utils.scss
@@ -33,6 +33,7 @@
   }
 
   @media only screen and (width <= 680px) {
+    /* stylelint-disable-next-line no-invalid-position-declaration */
     inline-size: 100%;
 
     @include is-side-nav-open {

diff --git a/src/renderer/views/About/About.css b/src/renderer/views/About/About.css
@@ -21,7 +21,7 @@
 
 .about-chunks {
   display: grid;
-  grid-gap: 16px;
+  gap: 16px;
   grid-template-columns: 1fr 1fr;
   margin-inline: auto;
   max-inline-size: 860px;
@@ -33,12 +33,12 @@
   border-radius: 8px;
   box-shadow: 0 1px 4px -1px rgb(0 0 0 / 50%);
   display: grid;
-  grid-gap: 6px 14px;
+  gap: 6px 14px;
   grid-template: 'icon title' auto 'icon content' 1fr / auto 1fr;
   justify-content: start;
   margin: 0;
   padding: 18px;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   overflow-wrap: anywhere;
 }
 

diff --git a/src/renderer/views/Playlist/Playlist.scss b/src/renderer/views/Playlist/Playlist.scss
@@ -3,7 +3,7 @@
 .playlistItemsCard {
   display: flex;
   flex-direction: column;
-  grid-gap: 10px;
+  gap: 10px;
   margin: 0;
 }
 

diff --git a/yarn.lock b/yarn.lock
@@ -1298,12 +1298,10 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@keyv/serialize@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.0.3.tgz#e0fe3710e2a379cb0490cd41e5a5ffa2bab58bf6"
-  integrity sha512-qnEovoOp5Np2JDGonIDL6Ayihw0RhnRh6vxPuHo4RDn1UOzwEo4AeIfpL6UGIrsceWrCMiVPgwRjbHu4vYFc3g==
-  dependencies:
-    buffer "^6.0.3"
+"@keyv/serialize@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.1.0.tgz#08f5d89096110fdcf778e5337362e1cd5afad70a"
+  integrity sha512-RlDgexML7Z63Q8BSaqhXdCYNBy/JQnqYIwxofUrNLGCblOMHp+xux2Q8nLMLlPpgHQPoU0Do8Z6btCpRBEqZ8g==
 
 "@leichtgewicht/ip-codec@^2.0.1":
   version "2.0.4"
@@ -2679,14 +2677,6 @@ buffer@^5.1.0, buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-buffer@^6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
-  integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
-  dependencies:
-    base64-js "^1.3.1"
-    ieee754 "^1.2.1"
-
 [email protected]:
   version "9.3.3"
   resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.3.3.tgz#a213aab8b66c1204c003106a0eec7c261cf04b5b"
@@ -2782,13 +2772,13 @@ cacheable-request@^7.0.2:
     normalize-url "^6.0.1"
     responselike "^2.0.0"
 
-cacheable@^1.10.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-1.10.0.tgz#844dc3bc299344af373b728d9f4f0906ee67c1c9"
-  integrity sha512-SSgQTAnhd7WlJXnGlIi4jJJOiHzgnM5wRMEPaXAU4kECTAMpBoYKoZ9i5zHmclIEZbxcu3j7yY/CF8DTmwIsHg==
+cacheable@^1.10.3:
+  version "1.10.3"
+  resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-1.10.3.tgz#8dcb02081a10c4819a8d70e1251bcce0ee5afdd4"
+  integrity sha512-M6p10iJ/VT0wT7TLIGUnm958oVrU2cUK8pQAVU21Zu7h8rbk/PeRtRWrvHJBql97Bhzk3g1N6+2VKC+Rjxna9Q==
   dependencies:
-    hookified "^1.8.2"
-    keyv "^5.3.3"
+    hookified "^1.10.0"
+    keyv "^5.4.0"
 
 call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
@@ -4407,12 +4397,12 @@ fdir@^6.4.4:
   resolved "https://registry.yarnpkg.com/fdir/-/fdir-6.4.6.tgz#2b268c0232697063111bbf3f64810a2a741ba281"
   integrity sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==
 
-file-entry-cache@^10.1.1:
-  version "10.1.1"
-  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-10.1.1.tgz#ca46f5c4eb22cc37e4ac30214452a59c297d2119"
-  integrity sha512-zcmsHjg2B2zjuBgjdnB+9q0+cWcgWfykIcsDkWDB4GTPtl1eXUA+gTI6sO0u01AqK3cliHryTU55/b2Ow1hfZg==
+file-entry-cache@^10.1.3:
+  version "10.1.3"
+  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-10.1.3.tgz#4b2eec07e37025434f9a99428a6923948da4dc12"
+  integrity sha512-D+w75Ub8T55yor7fPgN06rkCAUbAYw2vpxJmmjv/GDAcvCnv9g7IvHhIZoxzRZThrXPFI2maeY24pPbtyYU7Lg==
   dependencies:
-    flat-cache "^6.1.10"
+    flat-cache "^6.1.12"
 
 file-entry-cache@^8.0.0:
   version "8.0.0"
@@ -4477,14 +4467,14 @@ flat-cache@^4.0.0:
     flatted "^3.2.9"
     keyv "^4.5.4"
 
-flat-cache@^6.1.10:
-  version "6.1.10"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.10.tgz#bf388abca92c213ac55086d678b08362867d6213"
-  integrity sha512-B6/v1f0NwjxzmeOhzfXPGWpKBVA207LS7lehaVKQnFrVktcFRfkzjZZ2gwj2i1TkEUMQht7ZMJbABUT5N+V1Nw==
+flat-cache@^6.1.12:
+  version "6.1.12"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.12.tgz#385c73844b82171da8d98995b756ba84e6caa452"
+  integrity sha512-U+HqqpZPPXP5d24bWuRzjGqVqUcw64k4nZAbruniDwdRg0H10tvN7H6ku1tjhA4rg5B9GS3siEvwO2qjJJ6f8Q==
   dependencies:
-    cacheable "^1.10.0"
+    cacheable "^1.10.3"
     flatted "^3.3.3"
-    hookified "^1.9.1"
+    hookified "^1.10.0"
 
 flat@^5.0.2:
   version "5.0.2"
@@ -4892,10 +4882,10 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hookified@^1.8.2, hookified@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.9.1.tgz#d30cb77590672a05029b7ea9adf25b71c406121d"
-  integrity sha512-u3pxtGhKjcSXnGm1CX6aXS9xew535j3lkOCegbA6jdyh0BaAjTbXI4aslKstCr6zUNtoCxFGFKwjbSHdGrMB8g==
+hookified@^1.10.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.11.0.tgz#085a8f1e196ffe31905d5122b40a8e547c69e660"
+  integrity sha512-aDdIN3GyU5I6wextPplYdfmWCo+aLmjjVbntmX6HLD5RCi/xKsivYEBhnRD+d9224zFf008ZpLMPlWF0ZodYZw==
 
 hosted-git-info@^4.1.0:
   version "4.1.0"
@@ -5084,7 +5074,7 @@ icss-utils@^5.0.0, icss-utils@^5.1.0:
   resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
   integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==
 
-ieee754@^1.1.13, ieee754@^1.2.1:
+ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
   integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@@ -5735,12 +5725,12 @@ keyv@^4.0.0, keyv@^4.5.4:
   dependencies:
     json-buffer "3.0.1"
 
-keyv@^5.3.3:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.3.3.tgz#ec2d723fbd7b908de5ee7f56b769d46dbbeaf8ba"
-  integrity sha512-Rwu4+nXI9fqcxiEHtbkvoes2X+QfkTRo1TMkPfwzipGsJlJO/z69vqB4FNl9xJ3xCpAcbkvmEabZfPzrwN3+gQ==
+keyv@^5.4.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.5.0.tgz#0ad5037484a7e01b033df7018033b5cc9ca7884f"
+  integrity sha512-QG7qR2tijh1ftOvClut4YKKg1iW6cx3GZsKoGyJPxHkGWK9oJhG9P3j5deP0QQOGDowBMVQFaP+Vm4NpGYvmIQ==
   dependencies:
-    "@keyv/serialize" "^1.0.3"
+    "@keyv/serialize" "^1.1.0"
 
 kind-of@^6.0.2:
   version "6.0.3"
@@ -8126,10 +8116,10 @@ stylehacks@^7.0.4:
     browserslist "^4.23.3"
     postcss-selector-parser "^6.1.2"
 
-stylelint-config-recommended@^16.0.0:
-  version "16.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-16.0.0.tgz#0221f19902816fe7d53d9a01eb0be4cc7b4fe80a"
-  integrity sha512-4RSmPjQegF34wNcK1e1O3Uz91HN8P1aFdFzio90wNK9mjgAI19u5vsU868cVZboKzCaa5XbpvtTzAAGQAxpcXA==
+stylelint-config-recommended@^17.0.0:
+  version "17.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-17.0.0.tgz#4f77c70609b2d7093cc60bb48adfabdde434aa5d"
+  integrity sha512-WaMSdEiPfZTSFVoYmJbxorJfA610O0tlYuU2aEwY33UQhSPgFbClrVJYWvy3jGJx+XW37O+LyNLiZOEXhKhJmA==
 
 stylelint-config-sass-guidelines@^12.1.0:
   version "12.1.0"
@@ -8140,12 +8130,12 @@ stylelint-config-sass-guidelines@^12.1.0:
     postcss-scss "^4.0.9"
     stylelint-scss "^6.2.1"
 
-stylelint-config-standard@^38.0.0:
-  version "38.0.0"
-  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-38.0.0.tgz#9d673ec1f35d7569476ee4b0582e7dd5faebf036"
-  integrity sha512-uj3JIX+dpFseqd/DJx8Gy3PcRAJhlEZ2IrlFOc4LUxBX/PNMEQ198x7LCOE2Q5oT9Vw8nyc4CIL78xSqPr6iag==
+stylelint-config-standard@^39.0.0:
+  version "39.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-39.0.0.tgz#9635554a9c42e7e89dadc024afac372d18e3e776"
+  integrity sha512-JabShWORb8Bmc1A47ZyJstran60P3yUdI1zWMpGYPeFiC6xzHXJMkpKAd8EjIhq3HPUplIWWMDJ/xu0AiPd+kA==
   dependencies:
-    stylelint-config-recommended "^16.0.0"
+    stylelint-config-recommended "^17.0.0"
 
 stylelint-high-performance-animation@^1.11.0:
   version "1.11.0"
@@ -8170,10 +8160,10 @@ stylelint-use-logical-spec@^5.0.1:
   resolved "https://registry.yarnpkg.com/stylelint-use-logical-spec/-/stylelint-use-logical-spec-5.0.1.tgz#d5aa254d615d373f18214297c0b49a03a6ca5980"
   integrity sha512-UfLB4LW6iG4r3cXxjxkiHQrFyhWFqt8FpNNngD+TyvgMWSokk5TYwTvBHS3atUvZhOogllTOe/PUrGE+4z84AA==
 
-stylelint@^16.22.0, stylelint@^16.8.2:
-  version "16.22.0"
-  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.22.0.tgz#00020f4390a8625cf7f707820c1b6b538e4b0fa3"
-  integrity sha512-SVEMTdjKNV4ollUrIY9ordZ36zHv2/PHzPjfPMau370MlL2VYXeLgSNMMiEbLGRO8RmD2R8/BVUeF2DfnfkC0w==
+stylelint@^16.23.1, stylelint@^16.8.2:
+  version "16.23.1"
+  resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-16.23.1.tgz#e5f5ee173adf989db0855b825e66f9ccdde3c78a"
+  integrity sha512-dNvDTsKV1U2YtiUDfe9d2gp902veFeo3ecCWdGlmLm2WFrAV0+L5LoOj/qHSBABQwMsZPJwfC4bf39mQm1S5zw==
   dependencies:
     "@csstools/css-parser-algorithms" "^3.0.5"
     "@csstools/css-tokenizer" "^3.0.4"
@@ -8188,7 +8178,7 @@ stylelint@^16.22.0, stylelint@^16.8.2:
     debug "^4.4.1"
     fast-glob "^3.3.3"
     fastest-levenshtein "^1.0.16"
-    file-entry-cache "^10.1.1"
+    file-entry-cache "^10.1.3"
     global-modules "^2.0.0"
     globby "^11.1.0"
     globjoin "^0.1.4"