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

refactor progressindicator without inline style

Browse source
This commit is contained in:
Willy 2023-03-17 23:10:49 +07:00
commit cbe3a670c6
1 changed files with 1 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/ProgressIndicator/ProgressStep.svelte
View file

@ -70,7 +70,6 @@
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;
@ -96,7 +95,7 @@
{:else} {:else}
<CircleDash title="{description}" /> <CircleDash title="{description}" />
{/if} {/if}
<div class:bx--progress-text="{true}" style="width: 100%;"> <div class:bx--progress-text="{true}" class="bx--progress-step">
<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>