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

Menu secondary button consistency

pull/6784/head
Chocobozzz 2024-12-12 10:09:55 +01:00
parent 6af1270727
commit aac9ff8931
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/menu/menu.component.html
View File

@ -1,7 +1,7 @@
<ng-template #moreInfoButton> <ng-template #moreInfoButton>
<div class="more-info-btn-container"> <div class="more-info-btn-container">
<a <a
class="more-info-btn peertube-button-link secondary-button peertube-button-icon mt-2 d-block" [ngClass]="{ 'icon-only': collapsed }" class="more-info-btn peertube-button-link peertube-button-icon mt-2 d-block" [ngClass]="{ 'icon-only': collapsed }"
routerLink="/about" i18n-title title="More info" routerLinkActive="active" routerLink="/about" i18n-title title="More info" routerLinkActive="active"
> >
<my-global-icon iconName="help"></my-global-icon> <my-global-icon iconName="help"></my-global-icon>

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

@ -160,21 +160,34 @@
} }
} }
.more-info-btn {
@include secondary-button(
$fg: pvar(--menu-fg),
$active-bg: pvar(--menu-bg-600),
$hover-bg: pvar(--menu-bg-550),
$border-color: pvar(--menu-bg-600)
)
}
.more-info-btn, .more-info-btn,
.menu-link { .menu-link {
color: pvar(--menu-fg);
my-global-icon { my-global-icon {
color: pvar(--secondary-icon-color); color: pvar(--secondary-icon-color);
} }
&.active { &.active {
&, font-weight: $font-bold;
my-global-icon { my-global-icon {
color: pvar(--menu-fg-600); color: pvar(--menu-fg-600);
} }
}
}
font-weight: $font-bold; .menu-link {
color: pvar(--menu-fg);
&.active {
background-color: pvar(--menu-bg-600); background-color: pvar(--menu-bg-600);
} }
} }