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-382] Reduce element shifting on readonly hover (#10956)

Browse Source
This commit is contained in:
Victoria League
2024-09-10 14:18:01 -04:00
committed by GitHub
parent b3ebe370d2
commit fbfc616c44
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -83,11 +83,12 @@
<ng-container *ngTemplateOutlet="labelContent"></ng-container>
</label>
<div
class="tw-gap-1 tw-flex tw-min-h-[1.85rem] tw-pb-0.5 tw-border-0 tw-border-solid"
class="tw-gap-1 tw-flex tw-min-h-[1.85rem] tw-pb-[2px] tw-border-0 tw-border-solid"
[ngClass]="{
'tw-border-secondary-300/50 tw-border-b':
'tw-border-secondary-300/50 tw-border-b tw-pb-[3px]':
!disableReadOnlyBorder && !defaultContentIsFocused(),
'tw-border-b-2 tw-border-transparent': disableReadOnlyBorder && !defaultContentIsFocused(),
'tw-border-b-2 tw-border-transparent tw-pb-[4px]':
disableReadOnlyBorder && !defaultContentIsFocused(),
'tw-border-b-2 tw-border-primary-500': defaultContentIsFocused(),
}"
>