mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(data-table): fix misaligned tall row table headers

Browse source 
"bx--table-header-label" should be a div, not a span element
This commit is contained in:
Eric Liu 2020-10-16 11:28:12 -07:00
commit 410d2c8656
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/DataTable/TableHeader.svelte
View file

@ -46,9 +46,9 @@
class:bx--table-sort--ascending="{active && $sortHeader.sortDirection === 'descending'}" class:bx--table-sort--ascending="{active && $sortHeader.sortDirection === 'descending'}"
on:click on:click
> >
<span class:bx--table-header-label="{true}"> <div class:bx--table-header-label="{true}">
<slot /> <slot />
</span> </div>
<ArrowUp20 aria-label="{ariaLabel}" class="bx--table-sort__icon" /> <ArrowUp20 aria-label="{ariaLabel}" class="bx--table-sort__icon" />
<ArrowsVertical20 <ArrowsVertical20
aria-label="{ariaLabel}" aria-label="{ariaLabel}"
@ -66,8 +66,8 @@
on:mouseenter on:mouseenter
on:mouseleave on:mouseleave
> >
<span class:bx--table-header-label="{true}"> <div class:bx--table-header-label="{true}">
<slot /> <slot />
</span> </div>
</th> </th>
{/if} {/if}