mirror of
https://github.com/bitwarden/browser
synced 2025-12-27 05:33:59 +00:00
d21cc261e6
* pull in a11y changes from PR #5532 * add focus to popup when selected via keyboard * make popup close upon outside click * prevent close() from running twice on click * pull in typo fix changes from PR #5530 (addressing PM-2433) * add class to make backdrop transparent * Change toggle button and dialog buttons for region selection (#5532) * `<a>` elements without `href` don't take focus, currently making the region selection trigger not operable with keyboard - changing to `<button>` * region buttons now convey their state (selected or not) with `aria-pressed` Co-authored-by: rr-bw <102181210+rr-bw@users.noreply.github.com> * remove span * cleanup browser styles * cleanup desktop styles --------- Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
html.os_macos {
|
|
.vault .header-search {
|
|
-webkit-app-region: drag;
|
|
|
|
input,
|
|
i {
|
|
-webkit-app-region: no-drag;
|
|
}
|
|
}
|
|
|
|
.vault > .groupings > .content > .inner-content {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
.environment-selector-btn {
|
|
font-size: $font-size-small;
|
|
color: $text-muted;
|
|
line-height: 25px;
|
|
font-weight: 400;
|
|
padding-left: 15px;
|
|
|
|
span {
|
|
font-weight: 600;
|
|
font-size: $font-size-small;
|
|
}
|
|
}
|
|
|
|
.environment-selector-dialog {
|
|
@include themify($themes) {
|
|
background-color: themed("boxBackgroundColor");
|
|
}
|
|
padding: 5px;
|
|
width: 100%;
|
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
|
|
0 1px 5px 0 rgba(0, 0, 0, 0.2);
|
|
border-radius: $border-radius;
|
|
}
|
|
|
|
.environment-selector-dialog-item {
|
|
@include themify($themes) {
|
|
color: themed("textColor") !important;
|
|
}
|
|
width: 100%;
|
|
text-align: left;
|
|
padding: 0px 15px 0px 5px;
|
|
border-radius: 3px;
|
|
border: 1px solid transparent;
|
|
transition: all 0.2s ease-in-out;
|
|
|
|
&:hover {
|
|
@include themify($themes) {
|
|
background-color: themed("listItemBackgroundHoverColor") !important;
|
|
}
|
|
}
|
|
}
|