diff --git a/src/renderer/components/ft-icon-button/ft-icon-button.scss b/src/renderer/components/ft-icon-button/ft-icon-button.scss index 6a0b220e2bd6a..c01f70573b490 100644 --- a/src/renderer/components/ft-icon-button/ft-icon-button.scss +++ b/src/renderer/components/ft-icon-button/ft-icon-button.scss @@ -101,11 +101,11 @@ &.favorite, &.favorite:hover, &.favorite:focus-visible { + color: var(--favorite-icon-color); + &:not(.disabled) { color: var(--favorite-icon-color); } - - color: var(--favorite-icon-color); } } diff --git a/src/renderer/components/ft-refresh-widget/ft-refresh-widget.scss b/src/renderer/components/ft-refresh-widget/ft-refresh-widget.scss index c77a2b5155ac9..6a84a3331f7b9 100644 --- a/src/renderer/components/ft-refresh-widget/ft-refresh-widget.scss +++ b/src/renderer/components/ft-refresh-widget/ft-refresh-widget.scss @@ -1,8 +1,6 @@ @use '../../scss-partials/utils'; .floatingRefreshSection { - @include utils.fixed-top-bar; - box-sizing: border-box; padding-block: 5px; padding-inline: 10px; @@ -13,6 +11,8 @@ align-items: center; gap: 5px; justify-content: flex-end; + + @include utils.fixed-top-bar; } .floatingRefreshSection:has(.lastRefreshTimestamp + .refreshButton) { diff --git a/src/renderer/scss-partials/_ft-list-item.scss b/src/renderer/scss-partials/_ft-list-item.scss index c6f6a5d7af513..7cecbb502784b 100644 --- a/src/renderer/scss-partials/_ft-list-item.scss +++ b/src/renderer/scss-partials/_ft-list-item.scss @@ -56,10 +56,10 @@ $watched-transition-duration: 0.5s; padding: 6px; &.watched { - @include low-contrast-when-watched(var(--primary-text-color)); - background-color: var(--bg-color); + @include low-contrast-when-watched(var(--primary-text-color)); + .thumbnailImage { opacity: 0.3; transition: opacity $watched-transition-duration; @@ -227,14 +227,14 @@ $watched-transition-duration: 0.5s; } .title { - @include low-contrast-when-watched(var(--primary-text-color)); - 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)); + @include is-sidebar-item { font-size: 15px; } @@ -247,24 +247,24 @@ $watched-transition-duration: 0.5s; overflow-wrap: anywhere; text-align: start; + @include low-contrast-when-watched(var(--secondary-text-color)); + @include is-sidebar-item { font-size: 12px; } - @include low-contrast-when-watched(var(--secondary-text-color)); - .channelName { @include low-contrast-when-watched(var(--secondary-text-color)); } } .description { - @include low-contrast-when-watched(var(--secondary-text-color)); - font-size: 14px; grid-area: description; max-block-size: 50px; overflow-y: hidden; + + @include low-contrast-when-watched(var(--secondary-text-color)); } }