mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 11:36: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

13
src/TextInput/TextInput.svelte
View file

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