bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-06 00:13:28 +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
libs/components/src/menu/menu-divider.component.html
View File

@@ -1,5 +1,5 @@
<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"
aria-hidden="true"
></div>

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

@@ -1,7 +1,7 @@
<ng-template>
<div
(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.aria-label]="ariaLabel()"
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-primary-text: rgb(var(--color-text-main)) !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-bg: rgb(var(--color-background)) !default;
$ng-select-selected: transparent !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-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-height: 100%;
$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;
border: 1px solid $ng-select-dropdown-border;
border-radius: $ng-select-border-radius;
box-shadow: $ng-select-box-shadow;
box-shadow: $ng-select-dropdown-box-shadow;
left: 0;
&.ng-select-top {
bottom: 100%;