CodeCow/clients
1
0
Fork 0
mirror of https://github.com/bitwarden/clients.git synced 2026-07-04 21:05:54 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

add empty selector to hide span (#19531)

Browse Source
This commit is contained in:
Bryan Cunningham 2026-03-12 16:37:21 -04:00 committed by GitHub
parent 75dbc54513
commit ae3d7ba7f1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
libs/components/src/form-field/form-field.stories.ts
View File

@ -136,8 +136,7 @@ export const LabelWithIcon: Story = {
<bit-form-field>
<bit-label>
Label
<a href="#" slot="end" bitLink aria-label="More info" title="More info">
<i class="bwi bwi-question-circle" aria-hidden="true"></i>
<a href="#" slot="end" bitLink startIcon="bwi-question-circle" aria-label="More info" title="More info">
</a>
</bit-label>
<input bitInput formControlName="name" />
@ -167,8 +166,7 @@ export const LongLabel: Story = {
<bit-form-field>
<bit-label>
Hello I am a very long label with lots of very cool helpful information
<a href="#" slot="end" bitLink aria-label="More info" title="More info">
<i class="bwi bwi-question-circle" aria-hidden="true"></i>
<a href="#" slot="end" bitLink startIcon="bwi-question-circle" aria-label="More info" title="More info">
</a>
</bit-label>
<input bitInput formControlName="name" />
@ -306,8 +304,7 @@ export const ButtonInputGroup: Story = {
<bit-form-field>
<bit-label>
Label
<a href="#" slot="end" bitLink [appA11yTitle]="'More info'">
<i class="bwi bwi-question-circle" aria-hidden="true"></i>
<a href="#" slot="end" startIcon="bwi-question-circle" bitLink [appA11yTitle]="'More info'">
</a>
</bit-label>
<button type="button" bitPrefix bitIconButton="bwi-star" label="Favorite Label"></button>

2
libs/components/src/link/link.component.html
View File

@ -2,7 +2,7 @@
@if (startIcon()) {
<i [class]="['bwi', startIcon()]" aria-hidden="true"></i>
}
<span>
<span class="empty:tw-hidden">
<ng-content></ng-content>
</span>
@if (endIcon()) {