mirror of
https://github.com/bitwarden/browser
synced 2026-02-20 03:13:55 +00:00
23 lines
886 B
HTML
23 lines
886 B
HTML
<div
|
|
[ngClass]="{
|
|
'tw-sticky tw-top-0 tw-z-50 tw-pb-4': sideNavService.open,
|
|
'tw-pb-[calc(theme(spacing.8)_+_2px)]': !sideNavService.open,
|
|
}"
|
|
class="tw-px-2 tw-pt-2"
|
|
>
|
|
<!-- absolutely position the link svg to avoid shifting layout when sidenav is closed -->
|
|
<a
|
|
[routerLink]="route()"
|
|
class="tw-relative tw-p-3 tw-block tw-rounded-md tw-bg-background-alt3 tw-outline-none focus-visible:tw-ring focus-visible:tw-ring-inset focus-visible:tw-ring-text-alt2 hover:tw-bg-hover-contrast tw-h-[73px] [&_svg]:tw-absolute [&_svg]:tw-inset-[.6875rem] [&_svg]:tw-w-[200px]"
|
|
[ngClass]="{
|
|
'!tw-h-[55px] [&_svg]:!tw-w-[26px]': !sideNavService.open,
|
|
}"
|
|
[attr.aria-label]="label()"
|
|
[title]="label()"
|
|
routerLinkActive
|
|
ariaCurrentWhenActive="page"
|
|
>
|
|
<bit-icon [icon]="sideNavService.open ? openIcon() : closedIcon()"></bit-icon>
|
|
</a>
|
|
</div>
|