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 overflow when progressIndicator space-equally

Browse source
This commit is contained in:
Willy 2023-03-16 19:03:42 +07:00
commit 265965b1f9
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/ProgressIndicator/ProgressStep.svelte
View file

@ -70,6 +70,7 @@
class:bx--progress-step-button="{true}" class:bx--progress-step-button="{true}"
class:bx--progress-step-button--unclickable="{current || class:bx--progress-step-button--unclickable="{current ||
$preventChangeOnClick}" $preventChangeOnClick}"
style="width: 100%; padding-right: 16px;"
on:click on:click
on:click="{() => { on:click="{() => {
if (!step.complete) return; if (!step.complete) return;
@ -95,7 +96,7 @@
{:else} {:else}
<CircleDash title="{description}" /> <CircleDash title="{description}" />
{/if} {/if}
<div class:bx--progress-text="{true}"> <div class:bx--progress-text="{true}" style="width: 100%;">
<slot props="{{ class: 'bx--progress-label' }}"> <slot props="{{ class: 'bx--progress-label' }}">
<p class:bx--progress-label="{true}">{label}</p> <p class:bx--progress-label="{true}">{label}</p>
</slot> </slot>