diff --git a/src/renderer/components/CommentSection/CommentSection.css b/src/renderer/components/CommentSection/CommentSection.css index c339bf42a88b4..79185b1309f4c 100644 --- 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 index 9263626d8940d..909d641151584 100644 --- 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 index 20eaa7f16dfae..1412a56824ef7 100644 --- 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,6 +35,7 @@ .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; } @@ -42,6 +43,7 @@ .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 index ddcce78f0b62b..d90721439bc3b 100644 --- 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 index cc346df5d73cf..c2ba53660516e 100644 --- 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 index a35aa7aa2934d..1f1ae6dc793df 100644 --- 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 index 3cf66a8ddf110..3c9b4e4c3338d 100644 --- 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 index dcc43ec020584..4a4231c851b4c 100644 --- 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 index 51416a5c72566..2dcd40a946951 100644 --- 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 index a9ba894a37e03..3fbd4ea862551 100644 --- 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;