interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Menu hover/active link fixes

This commit is contained in:
Chocobozzz 2024-11-28 16:21:49 +01:00
parent e057e0bab3
commit e560ec090c
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/app/menu/menu.component.scss
View File

@ -168,10 +168,17 @@
&:hover, &:hover,
&:focus-visible { &:focus-visible {
opacity: 1;
background-color: pvar-fallback(--menu-bg, --bg-secondary-450); background-color: pvar-fallback(--menu-bg, --bg-secondary-450);
} }
&.active { &.active {
&,
my-global-icon {
color: pvar(--fg) !important;
}
font-weight: $font-bold;
background-color: pvar-fallback(--menu-bg, --bg-secondary-500); background-color: pvar-fallback(--menu-bg, --bg-secondary-500);
} }

2
client/src/app/shared/shared-video-miniature/video-filters-header.component.scss
View File

@ -86,7 +86,7 @@ $filters-background: pvar(--bg-secondary-400);
.filters-toggle { .filters-toggle {
padding: pvar(--input-y-padding) 0.5rem calc(#{pvar(--input-y-padding)} + 0.75rem) 0.75rem; padding: pvar(--input-y-padding) 0.5rem calc(#{pvar(--input-y-padding)} + 0.75rem) 0.75rem;
@include margin-left(0.25rem); @include margin-left(0.75rem);
my-global-icon { my-global-icon {
color: pvar(--secondary-icon-color); color: pvar(--secondary-icon-color);