mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 19:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(text-input): avoid overlapping readonly/invalid icons

Browse source
This commit is contained in:
Eric Liu 2023-02-25 10:32:16 -08:00
commit d4f6c2de01
1 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/TextInput/TextInput.svelte
View file

@ -166,6 +166,9 @@
class:bx--text-input__field-wrapper="{true}" class:bx--text-input__field-wrapper="{true}"
class:bx--text-input__field-wrapper--warning="{!invalid && warn}" class:bx--text-input__field-wrapper--warning="{!invalid && warn}"
> >
{#if readonly}
<EditOff class="bx--text-input__readonly-icon" />
{:else}
{#if invalid} {#if invalid}
<WarningFilled class="bx--text-input__invalid-icon" /> <WarningFilled class="bx--text-input__invalid-icon" />
{/if} {/if}
@ -175,8 +178,6 @@
bx--text-input__invalid-icon--warning" bx--text-input__invalid-icon--warning"
/> />
{/if} {/if}
{#if readonly}
<EditOff class="bx--text-input__readonly-icon" />
{/if} {/if}
<input <input
bind:this="{ref}" bind:this="{ref}"