mirror of
https://github.com/bitwarden/browser
synced 2026-02-18 10:23:52 +00:00
70fbcf2a10
* add check for `ExtensionRefresh` in StripeService - Stripe components need new styles to match the new CL components * add global styles for Stripe components - Matches closer to the browser refresh components * add browser refresh component details to Stripe JS initialization * add component to match the display of the new component library that shows only when the `ExtensionRefresh` flag is enabled * update both payment components to use payment label component - This styling of the label is separate from the `AC2476_DeprecateStripeSourcesAPI` flag * update security code copy * change layout of the trial component to account for new CL components * absolutely position label to remove extra spacing around the label * remove unneeded logic
23 lines
780 B
HTML
23 lines
780 B
HTML
<ng-template #defaultContent>
|
|
<ng-content></ng-content>
|
|
</ng-template>
|
|
|
|
<ng-container *ngIf="extensionRefreshFlag; else defaultLabel">
|
|
<div class="tw-relative tw-mt-2">
|
|
<bit-label
|
|
[attr.for]="for"
|
|
class="tw-absolute tw-bg-background tw-px-1 tw-text-sm tw-text-muted -tw-top-2.5 tw-left-3 tw-mb-0 tw-max-w-full tw-pointer-events-auto"
|
|
>
|
|
<ng-container *ngTemplateOutlet="defaultContent"></ng-container>
|
|
<span class="tw-text-xs tw-font-normal">({{ "required" | i18n }})</span>
|
|
</bit-label>
|
|
</div>
|
|
</ng-container>
|
|
|
|
<ng-template #defaultLabel>
|
|
<label [attr.for]="for">
|
|
<ng-container *ngTemplateOutlet="defaultContent"></ng-container>
|
|
<span class="tw-text-xs tw-font-normal">({{ "required" | i18n }})</span>
|
|
</label>
|
|
</ng-template>
|