Bump the stylelint group across 1 directory with 4 updates (#6605)

* Bump the stylelint group across 1 directory with 4 updates

Bumps the stylelint group with 4 updates in the / directory: [@double-great/stylelint-a11y](https://github.com/double-great/stylelint-a11y), [postcss](https://github.com/postcss/postcss), [stylelint](https://github.com/stylelint/stylelint) and [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard).


Updates `@double-great/stylelint-a11y` from 3.0.2 to 3.0.3
- [Release notes](https://github.com/double-great/stylelint-a11y/releases)
- [Commits](double-great/stylelint-a11y@v3.0.2...v3.0.3)

Updates `postcss` from 8.4.49 to 8.5.1
- [Release notes](https://github.com/postcss/postcss/releases)
- [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md)
- [Commits](postcss/postcss@8.4.49...8.5.1)

Updates `stylelint` from 16.12.0 to 16.13.2
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](stylelint/stylelint@16.12.0...16.13.2)

Updates `stylelint-config-standard` from 36.0.1 to 37.0.0
- [Release notes](https://github.com/stylelint/stylelint-config-standard/releases)
- [Changelog](https://github.com/stylelint/stylelint-config-standard/blob/main/CHANGELOG.md)
- [Commits](stylelint/stylelint-config-standard@36.0.1...37.0.0)

---
updated-dependencies:
- dependency-name: "@double-great/stylelint-a11y"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: stylelint
- dependency-name: postcss
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: stylelint
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: stylelint
- dependency-name: stylelint-config-standard
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: stylelint
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix stylelint errors

* Implement suggestions from code review

* resolve conflicts

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: ChunkyProgrammer <78101139+ChunkyProgrammer@users.noreply.github.com>
Co-authored-by: efb4f5ff-1298-471a-8973-3d47447115dc <73130443+efb4f5ff-1298-471a-8973-3d47447115dc@users.noreply.github.com>

Author: 3 people

package.json

@@ -80,7 +80,7 @@
     "@babel/core": "^7.26.7",
     "@babel/plugin-transform-class-properties": "^7.25.9",
     "@babel/preset-env": "^7.26.7",
-    "@double-great/stylelint-a11y": "^3.0.2",
+    "@double-great/stylelint-a11y": "^3.0.3",
     "@eslint/js": "^9.19.0",
     "@intlify/eslint-plugin-vue-i18n": "^3.2.0",
     "babel-loader": "^9.2.1",
@@ -104,13 +104,13 @@
     "mini-css-extract-plugin": "^2.9.2",
     "neostandard": "^0.12.0",
     "npm-run-all2": "^7.0.2",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.1",
     "postcss-scss": "^4.0.9",
     "sass": "^1.83.4",
     "sass-loader": "^16.0.4",
-    "stylelint": "^16.12.0",
+    "stylelint": "^16.13.2",
     "stylelint-config-sass-guidelines": "^12.1.0",
-    "stylelint-config-standard": "^36.0.1",
+    "stylelint-config-standard": "^37.0.0",
     "stylelint-high-performance-animation": "^1.10.0",
     "stylelint-use-logical-spec": "^5.0.1",
     "tree-kill": "1.2.2",

src/renderer/components/CommentSection/CommentSection.css

@@ -96,7 +96,7 @@
   font-size: 14px;
   margin-block-start: -10px;
   margin-inline-start: 70px;
-  word-break: break-word;
+  word-wrap: break-word;
 }
 
 .commentPinned {

src/renderer/components/SideNav/SideNav.css

@@ -60,7 +60,7 @@
 .navOption .navLabel {
   margin-inline-start: 40px;
   overflow: hidden;
-  word-break: break-word;
+  word-wrap: break-word;
 }
 
 .navOption:hover,
@@ -94,7 +94,7 @@
 .navChannel .navLabel {
   overflow: hidden;
   margin-inline-start: 40px;
-  word-break: break-word;
+  word-wrap: break-word;
   font-size: 12px;
 }
 

src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.css

@@ -35,14 +35,12 @@
   .optionsRow {
     /* Switch to rows from columns */
     grid-template-columns: auto;
-    grid-template-rows: repeat(auto-fit, auto);
     align-items: stretch;
   }
 
   .tightOptions {
     /* Switch to rows from columns */
     grid-template-columns: auto;
-    grid-template-rows: repeat(auto-fit, auto);
     align-items: stretch;
   }
 }

src/renderer/components/ft-playlist-selector/ft-playlist-selector.scss

@@ -49,7 +49,6 @@
       font-size: 20px;
       text-decoration: none;
       word-wrap: break-word;
-      word-break: break-word;
     }
 
     .videoPresenceCount {

src/renderer/components/top-nav/top-nav.scss

@@ -99,6 +99,7 @@
   margin-inline-start: $effect-distance;
 
   &.filterChanged {
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
     box-shadow: 0 0 $effect-distance var(--primary-color);
     color: var(--primary-color);
 

src/renderer/components/watch-video-info/watch-video-info.scss

@@ -11,7 +11,7 @@
   font-weight: normal;
   margin-block: 0;
   margin-inline: 0;
-  word-break: break-word;
+  word-wrap: break-word;
 }
 
 .videoMetrics,

src/renderer/components/watch-video-live-chat/watch-video-live-chat.css

@@ -34,7 +34,7 @@
   color: var(--tertiary-text-color);
   padding: 0;
   margin: 0;
-  word-break: break-word;
+  word-wrap: break-word;
 }
 
 :deep(.liveChatEmoji) {

src/renderer/scss-partials/_ft-list-item.scss

@@ -62,6 +62,7 @@ $watched-transition-duration: 0.5s;
 
     .thumbnailImage {
       opacity: 0.3;
+      /* stylelint-disable-next-line declaration-property-value-no-unknown */
       transition: opacity $watched-transition-duration;
     }
 
@@ -238,7 +239,6 @@ $watched-transition-duration: 0.5s;
       font-size: 20px;
       grid-area: title;
       text-decoration: none;
-      word-break: break-word;
       word-wrap: break-word;
 
       @include low-contrast-when-watched(var(--primary-text-color));

src/renderer/views/About/About.css

@@ -23,7 +23,6 @@
   display: grid;
   grid-gap: 16px;
   grid-template-columns: 1fr 1fr;
-  margin-block: 80;
   margin-inline: auto;
   max-inline-size: 860px;
 }
@@ -39,7 +38,7 @@
   justify-content: start;
   margin: 0;
   padding: 18px;
-  word-break: break-word;
+  word-wrap: break-word;
 }
 
 .icon {