bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-13 06:54:07 +00:00
Code Issues Releases Wiki Activity

[CL-477] Remove focus styles for readonly input (#11510)

Browse Source
This commit is contained in:
Victoria League
2024-10-16 09:36:55 -04:00
committed by GitHub
parent 1666f6b335
commit bc2e086d0d
2 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/browser/src/popup/scss/misc.scss
View File

@@ -306,7 +306,7 @@ input[type="password"]::-ms-reveal {
// contrast against the background, so its inversion is also still readable)
// and suppress user selection for most elements (to make it more app-like)
::selection {
:not(bit-form-field input)::selection {
@include themify($themes) {
color: themed("backgroundColor");
background-color: themed("primaryAccentColor");

15
libs/components/src/form-field/form-field.component.html
View File

@@ -75,20 +75,15 @@
<div class="tw-w-full tw-relative">
<label
class="tw-flex tw-gap-1 tw-text-sm tw-text-muted tw-mb-0 tw-max-w-full"
[ngClass]="
defaultContentIsFocused() ? 'tw-text-primary-600 tw-font-semibold' : 'tw-text-muted'
"
[attr.for]="input.labelForId"
>
<ng-container *ngTemplateOutlet="labelContent"></ng-container>
</label>
<div
class="tw-gap-1 tw-flex tw-min-h-[1.85rem] tw-pb-[2px] tw-border-0 tw-border-solid"
class="tw-gap-1 tw-flex tw-min-h-[1.85rem] tw-border-0 tw-border-solid"
[ngClass]="{
'tw-border-secondary-300/50 tw-border-b tw-pb-[3px]':
!disableReadOnlyBorder && !defaultContentIsFocused(),
'tw-border-transparent tw-pb-[4px]': disableReadOnlyBorder && !defaultContentIsFocused(),
'tw-border-b-2 tw-border-primary-600': defaultContentIsFocused(),
'tw-border-secondary-300/50 tw-border-b tw-pb-[2px]': !disableReadOnlyBorder,
'tw-border-transparent tw-pb-[3px]': disableReadOnlyBorder,
}"
>
<div
@@ -98,7 +93,9 @@
>
<ng-container *ngTemplateOutlet="prefixContent"></ng-container>
</div>
<div class="default-content tw-w-full tw-pb-0 tw-relative [&>*]:tw-p-0">
<div
class="default-content tw-w-full tw-pb-0 tw-relative [&>*]:tw-p-0 [&>*::selection]:tw-bg-primary-700 [&>*::selection]:tw-text-contrast"
>
<ng-container *ngTemplateOutlet="defaultContent"></ng-container>
</div>
<div