fix stylelint errors

FreeTubeApp · Jan 20, 2025 · 8f6b486 · 8f6b486
1 parent d6962c1
commit 8f6b486
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 10 deletions.
diff --git a/src/renderer/components/CommentSection/CommentSection.css b/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 {

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-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;
 }
 

diff --git a/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.css b/src/renderer/components/ft-playlist-add-video-prompt/ft-playlist-add-video-prompt.css
@@ -35,13 +35,15 @@
   .optionsRow {
     /* Switch to rows from columns */
     grid-template-columns: auto;
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
     grid-template-rows: repeat(auto-fit, auto);
     align-items: stretch;
   }
 
   .tightOptions {
     /* Switch to rows from columns */
     grid-template-columns: auto;
+    /* stylelint-disable-next-line declaration-property-value-no-unknown */
     grid-template-rows: repeat(auto-fit, auto);
     align-items: stretch;
   }

diff --git a/src/renderer/components/ft-playlist-selector/ft-playlist-selector.scss b/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 {

diff --git a/src/renderer/components/top-nav/top-nav.scss b/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);
 

diff --git a/src/renderer/components/watch-video-info/watch-video-info.scss b/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,

diff --git a/src/renderer/components/watch-video-live-chat/watch-video-live-chat.css b/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) {

diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/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));

diff --git a/src/renderer/views/About/About.css b/src/renderer/views/About/About.css
@@ -23,7 +23,7 @@
   display: grid;
   grid-gap: 16px;
   grid-template-columns: 1fr 1fr;
-  margin-block: 80;
+  margin-block: 80px;
   margin-inline: auto;
   max-inline-size: 860px;
 }
@@ -39,7 +39,7 @@
   justify-content: start;
   margin: 0;
   padding: 18px;
-  word-break: break-word;
+  word-wrap: break-word;
 }
 
 .icon {

diff --git a/src/renderer/views/SubscribedChannels/SubscribedChannels.css b/src/renderer/views/SubscribedChannels/SubscribedChannels.css
@@ -50,7 +50,6 @@
   text-overflow: ellipsis;
   overflow-wrap: break-word;
   inline-size: 100%;
-  display: box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   padding-block: 0;