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

[CL-273] Update styles for checkbox and form control (#10146)

Browse Source
This commit is contained in:
Victoria League
2024-07-30 12:09:56 -04:00
committed by GitHub
parent b81c2d22f1
commit bfadccdb24
5 changed files with 133 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
libs/components/src/form-control/form-control.component.html
View File

@@ -1,13 +1,19 @@
<label [class]="labelClasses">
<label
class="tw-transition tw-select-none tw-mb-0 tw-inline-flex tw-rounded tw-p-0.5 has-[:focus-visible]:tw-ring has-[:focus-visible]:tw-ring-primary-500"
[ngClass]="[formControl.disabled ? 'tw-cursor-auto' : 'tw-cursor-pointer']"
>
<ng-content></ng-content>
<span [class]="labelContentClasses">
<span>
<span
class="tw-inline-flex tw-flex-col"
[ngClass]="formControl.disabled ? 'tw-text-muted' : 'tw-text-main'"
>
<span bitTypography="body1">
<ng-content select="bit-label"></ng-content>
<span *ngIf="required" class="tw-text-xs tw-font-normal"> ({{ "required" | i18n }})</span>
</span>
<ng-content select="bit-hint" *ngIf="!hasError"></ng-content>
</span>
</label>
<div *ngIf="hasError" class="tw-mt-1 tw-text-danger">
<div *ngIf="hasError" class="tw-mt-1 tw-text-danger tw-text-xs tw-ml-0.5">
<i class="bwi bwi-error"></i> {{ displayError }}
</div>