bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 13:23:34 +00:00
Code Issues Releases Wiki Activity

[CL-691] Update style of the menu component (#15890)

Browse Source
This commit is contained in:
Vicki League
2025-08-20 16:00:48 -04:00
committed by GitHub
parent 3901cf2859
commit 3bccca7cce
4 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/app/layouts/product-switcher/product-switcher-content.component.html
View File

@@ -31,7 +31,7 @@
<!-- Other options --> <!-- Other options -->
<section <section
*ngIf="products.other.length > 0" *ngIf="products.other.length > 0"
class="tw-mt-4 tw-flex tw-w-full tw-flex-col tw-gap-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-text-muted tw-p-2 tw-pb-0" class="tw-mt-4 tw-flex tw-w-full tw-flex-col tw-gap-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-secondary-100 tw-p-2 tw-pb-0"
> >
<span class="tw-mb-1 tw-text-xs tw-text-muted">{{ "moreFromBitwarden" | i18n }}</span> <span class="tw-mb-1 tw-text-xs tw-text-muted">{{ "moreFromBitwarden" | i18n }}</span>
<span *ngFor="let product of products.other"> <span *ngFor="let product of products.other">

2
libs/components/src/menu/menu-divider.component.html
View File

@@ -1,5 +1,5 @@
<div <div
class="tw-my-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-secondary-500" class="tw-my-2 tw-border-0 tw-border-t tw-border-solid tw-border-t-secondary-100"
role="separator" role="separator"
aria-hidden="true" aria-hidden="true"
></div> ></div>

2
libs/components/src/menu/menu.component.html
View File

@@ -1,7 +1,7 @@
<ng-template> <ng-template>
<div <div
(click)="closed.emit()" (click)="closed.emit()"
class="tw-flex tw-shrink-0 tw-flex-col tw-rounded-lg tw-border tw-border-solid tw-border-secondary-500 tw-bg-background tw-bg-clip-padding tw-py-1 tw-overflow-y-auto" class="tw-flex tw-shrink-0 tw-flex-col tw-rounded-lg tw-border tw-border-solid tw-border-secondary-100 tw-bg-background tw-shadow-md tw-bg-clip-padding tw-py-1 tw-overflow-y-auto"
[attr.role]="ariaRole()" [attr.role]="ariaRole()"
[attr.aria-label]="ariaLabel()" [attr.aria-label]="ariaLabel()"
cdkTrapFocus cdkTrapFocus

9
libs/components/src/multi-select/scss/bw.theme.scss
View File

@@ -8,16 +8,19 @@
$ng-select-highlight: rgb(var(--color-primary-700)) !default; $ng-select-highlight: rgb(var(--color-primary-700)) !default;
$ng-select-primary-text: rgb(var(--color-text-main)) !default; $ng-select-primary-text: rgb(var(--color-text-main)) !default;
$ng-select-disabled-text: rgb(var(--color-secondary-100)) !default; $ng-select-disabled-text: rgb(var(--color-secondary-100)) !default;
$ng-select-border: rgb(var(--color-secondary-600)) !default; $ng-select-border: rgb(var(--color-secondary-100)) !default;
$ng-select-border-radius: 0.5rem !default; $ng-select-border-radius: 0.5rem !default;
$ng-select-bg: rgb(var(--color-background)) !default; $ng-select-bg: rgb(var(--color-background)) !default;
$ng-select-selected: transparent !default; $ng-select-selected: transparent !default;
$ng-select-selected-text: $ng-select-primary-text !default; $ng-select-selected-text: $ng-select-primary-text !default;
$ng-select-marked: rgb(var(--color-primary-100)) !default; $ng-select-marked: var(--color-hover-default) !default;
$ng-select-marked-text: $ng-select-primary-text !default; $ng-select-marked-text: $ng-select-primary-text !default;
$ng-select-box-shadow: none !default; $ng-select-box-shadow: none !default;
$ng-select-dropdown-box-shadow:
0 4px 6px -1px rgb(0 0 0 / 0.1),
0 2px 4px -2px rgb(0 0 0 / 0.1);
$ng-select-placeholder: rgb(var(--color-text-muted)) !default; $ng-select-placeholder: rgb(var(--color-text-muted)) !default;
$ng-select-height: 100%; $ng-select-height: 100%;
$ng-select-value-padding-left: 1rem !default; $ng-select-value-padding-left: 1rem !default;
@@ -248,7 +251,7 @@ $ng-dropdown-shadow: rgb(var(--color-secondary-100)) !default;
background-color: $ng-select-dropdown-bg; background-color: $ng-select-dropdown-bg;
border: 1px solid $ng-select-dropdown-border; border: 1px solid $ng-select-dropdown-border;
border-radius: $ng-select-border-radius; border-radius: $ng-select-border-radius;
box-shadow: $ng-select-box-shadow; box-shadow: $ng-select-dropdown-box-shadow;
left: 0; left: 0;
&.ng-select-top { &.ng-select-top {
bottom: 100%; bottom: 100%;