mirror of
https://github.com/bitwarden/browser
synced 2025-12-12 22:33:35 +00:00
e102919c2f
* Add light LinkType to link directive * add skip link to bit-layout; update i18n for all apps * install storybook interaction testing packages * update storybook config * add skiplink story to bit-layout * update route and focus logic * remove focus ring
38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
<div
|
|
class="tw-fixed tw-z-50 tw-w-full tw-flex tw-justify-center tw-opacity-0 focus-within:tw-opacity-100 tw-pointer-events-none focus-within:tw-pointer-events-auto"
|
|
>
|
|
<nav class="tw-bg-background-alt3 tw-rounded-md tw-rounded-t-none tw-py-2 tw-text-alt2">
|
|
<a
|
|
bitLink
|
|
class="tw-mx-6 focus-visible:before:!tw-ring-0"
|
|
[fragment]="mainContentId"
|
|
[routerLink]="[]"
|
|
(click)="focusMainContent()"
|
|
linkType="light"
|
|
>{{ "skipToContent" | i18n }}</a
|
|
>
|
|
</nav>
|
|
</div>
|
|
<div class="tw-flex tw-w-full">
|
|
<aside
|
|
[ngStyle]="
|
|
variant === 'secondary' && {
|
|
'--color-text-alt2': 'var(--color-text-main)',
|
|
'--color-background-alt3': 'var(--color-secondary-100)',
|
|
'--color-background-alt4': 'var(--color-secondary-300)',
|
|
'--color-secondary-300': 'var(--color-secondary-500)'
|
|
}
|
|
"
|
|
class="tw-fixed tw-inset-y-0 tw-left-0 tw-h-screen tw-w-60 tw-overflow-auto tw-bg-background-alt3"
|
|
>
|
|
<ng-content select="[slot=sidebar]"></ng-content>
|
|
</aside>
|
|
<main
|
|
[id]="mainContentId"
|
|
tabindex="-1"
|
|
class="tw-ml-60 tw-min-h-screen tw-min-w-0 tw-flex-1 tw-bg-background tw-p-6"
|
|
>
|
|
<ng-content></ng-content>
|
|
</main>
|
|
</div>
|