bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-11 22:03:36 +00:00
Code Issues Releases Wiki Activity

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

Browse Source
This commit is contained in:
Victoria League
2024-02-29 15:21:39 -05:00
committed by GitHub
parent 323d86850a
commit 8d528c2d4a
2 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
libs/components/src/radio-button/radio-button.stories.ts
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>

2
libs/components/src/radio-button/radio-group.component.html
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>