[CL-170] Fix size of radio group legend (#8154)

This commit is contained in:
Victoria League 2024-02-29 15:21:39 -05:00 committed by GitHub
parent 323d86850a
commit 8d528c2d4a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 27 additions and 26 deletions

View File

@ -45,7 +45,7 @@ export const Inline: Story = {
radio: new FormControl(0), radio: new FormControl(0),
}), }),
}, },
template: ` template: /* HTML */ `
<form [formGroup]="formObj"> <form [formGroup]="formObj">
<bit-radio-group formControlName="radio" aria-label="Example radio group"> <bit-radio-group formControlName="radio" aria-label="Example radio group">
<bit-label>Group of radio buttons</bit-label> <bit-label>Group of radio buttons</bit-label>
@ -74,7 +74,7 @@ export const InlineHint: Story = {
radio: new FormControl(0), radio: new FormControl(0),
}), }),
}, },
template: ` template: /* HTML */ `
<form [formGroup]="formObj"> <form [formGroup]="formObj">
<bit-radio-group formControlName="radio" aria-label="Example radio group"> <bit-radio-group formControlName="radio" aria-label="Example radio group">
<bit-label>Group of radio buttons</bit-label> <bit-label>Group of radio buttons</bit-label>
@ -105,7 +105,8 @@ export const Block: Story = {
radio: new FormControl(0), radio: new FormControl(0),
}), }),
}, },
template: `
template: /* HTML */ `
<form [formGroup]="formObj"> <form [formGroup]="formObj">
<bit-radio-group formControlName="radio" aria-label="Example radio group" [block]="true"> <bit-radio-group formControlName="radio" aria-label="Example radio group" [block]="true">
<bit-label>Group of radio buttons</bit-label> <bit-label>Group of radio buttons</bit-label>
@ -137,7 +138,7 @@ export const BlockHint: Story = {
radio: new FormControl(0), radio: new FormControl(0),
}), }),
}, },
template: ` template: /* HTML */ `
<form [formGroup]="formObj"> <form [formGroup]="formObj">
<bit-radio-group formControlName="radio" aria-label="Example radio group" [block]="true"> <bit-radio-group formControlName="radio" aria-label="Example radio group" [block]="true">
<bit-label>Group of radio buttons</bit-label> <bit-label>Group of radio buttons</bit-label>

View File

@ -1,6 +1,6 @@
<ng-container *ngIf="label"> <ng-container *ngIf="label">
<fieldset> <fieldset>
<legend class="tw-mb-1 tw-block tw-text-sm tw-font-semibold tw-text-main"> <legend class="tw-mb-1 tw-block tw-text-base tw-font-semibold tw-text-main">
<ng-content select="bit-label"></ng-content> <ng-content select="bit-label"></ng-content>
<span *ngIf="required" class="tw-text-xs tw-font-normal"> ({{ "required" | i18n }})</span> <span *ngIf="required" class="tw-text-xs tw-font-normal"> ({{ "required" | i18n }})</span>
</legend> </legend>