bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-20 02:03:39 +00:00
Code Issues Releases Wiki Activity

[CL-944] update layout components to support constrained height contexts (#17670)

Browse Source
This commit is contained in:
Will Martin
2025-12-05 14:20:38 -05:00
committed by GitHub
parent 834caa0c88
commit 6fc6ed88b5
8 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/src/navigation/side-nav.component.html
View File

@@ -7,7 +7,7 @@
) {
<nav
id="bit-side-nav"
class="tw-sticky tw-inset-y-0 tw-left-0 tw-z-30 tw-flex tw-h-screen tw-flex-col tw-overscroll-none tw-overflow-auto tw-bg-background-alt3 tw-outline-none"
class="tw-sticky tw-inset-y-0 tw-left-0 tw-z-30 tw-flex tw-h-full tw-flex-col tw-overscroll-none tw-overflow-auto tw-bg-background-alt3 tw-outline-none"
[ngClass]="{ 'tw-w-60': data.open }"
[ngStyle]="
variant() === 'secondary' && {

3
libs/components/src/navigation/side-nav.component.ts
View File

@@ -17,6 +17,9 @@ export type SideNavVariant = "primary" | "secondary";
selector: "bit-side-nav",
templateUrl: "side-nav.component.html",
imports: [CommonModule, CdkTrapFocus, NavDividerComponent, BitIconButtonComponent, I18nPipe],
host: {
class: "tw-block tw-h-full",
},
})
export class SideNavComponent {
readonly variant = input<SideNavVariant>("primary");