mirror of
https://github.com/bitwarden/browser
synced 2025-12-20 02:03:39 +00:00
eb84faaf99
* absolutely position checkbox to fix ios rendering bug * remove absolute positioning. Dimensions fix it
28 lines
1002 B
HTML
28 lines
1002 B
HTML
<label
|
|
class="tw-transition tw-items-start [&:has(input[type='checkbox'])]:tw-gap-1 [&:has(input[type='radio'])]:tw-gap-1.5 tw-select-none tw-mb-0 tw-inline-flex tw-rounded has-[:focus-visible]:tw-ring has-[:focus-visible]:tw-ring-primary-600"
|
|
[ngClass]="[formControl().disabled ? 'tw-cursor-auto' : 'tw-cursor-pointer']"
|
|
>
|
|
<ng-content></ng-content>
|
|
<span
|
|
class="tw-inline-flex tw-flex-col"
|
|
[ngClass]="formControl().disabled ? 'tw-text-muted' : 'tw-text-main'"
|
|
>
|
|
<span bitTypography="body2">
|
|
<ng-content select="bit-label"></ng-content>
|
|
@if (required) {
|
|
<span class="tw-text-xs tw-font-normal"> ({{ "required" | i18n }})</span>
|
|
}
|
|
</span>
|
|
@if (!hasError) {
|
|
<span class="[&_bit-hint]:tw-mt-0 tw-leading-none">
|
|
<ng-content select="bit-hint"></ng-content>
|
|
</span>
|
|
}
|
|
</span>
|
|
</label>
|
|
@if (hasError) {
|
|
<div class="tw-mt-1 tw-text-danger tw-text-xs tw-ms-0.5">
|
|
<i class="bwi bwi-error"></i> {{ displayError }}
|
|
</div>
|
|
}
|