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

Fixes [FluidForm] TextInput error icon is misplaced #1667

Browse source
This commit is contained in:
Samuel Janda 2024-01-14 16:11:00 +11:00
commit ae686c2728
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/TextInput/TextInput.svelte
View file

@ -200,7 +200,7 @@
<div <div
class:bx--label="{true}" class:bx--label="{true}"
class:bx--text-input__label-counter="{true}" class:bx--text-input__label-counter="{true}"
class:fluid-form-fix="{isFluid}" class:fluid-form-fix__label-counter="{isFluid}"
> >
{count}/{maxCount} {count}/{maxCount}
</div> </div>
@ -219,8 +219,15 @@
> >
{#if !readonly} {#if !readonly}
{#if invalid} {#if invalid}
{#if isFluid && invalidText.length === 0}
<WarningFilled
class="bx--text-input__invalid-icon"
style="inset-block-start: 3rem;"
/>
{:else}
<WarningFilled class="bx--text-input__invalid-icon" /> <WarningFilled class="bx--text-input__invalid-icon" />
{/if} {/if}
{/if}
{#if !invalid && warn} {#if !invalid && warn}
<WarningAltFilled <WarningAltFilled
class="bx--text-input__invalid-icon class="bx--text-input__invalid-icon
@ -300,7 +307,7 @@
</div> </div>
<style> <style>
.fluid-form-fix { .fluid-form-fix__label-counter {
right: 0; right: 0;
inset-inline-start: unset; inset-inline-start: unset;
padding-right: 1rem; padding-right: 1rem;