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

refactor: use style directive where applicable (#1760)

Browse source 
Closes #1604
This commit is contained in:
Eric Liu 2023-07-23 12:26:46 -07:00 • committed by GitHub
commit bc7f5821b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 26 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/UIShell/Content.svelte
View file

@ -17,8 +17,8 @@
<main
id="{id}"
class:bx--content="{true}"
style:margin-left="{unsetLeftMargin ? 0 : undefined}"
{...$$restProps}
style="{unsetLeftMargin ? 'margin-left: 0;' : ''} {$$restProps.style}"
>
<slot />
</main>

2
src/UIShell/HeaderNavMenu.svelte
View file

@ -74,8 +74,8 @@
href="{href}"
class:bx--header__menu-item="{true}"
class:bx--header__menu-title="{true}"
style:z-index="{1}"
{...$$restProps}
style="{$$restProps.style}; z-index: 1"
on:keydown
on:keydown="{(e) => {
if (e.key === ' ') e.preventDefault();

2
src/UIShell/SideNav.svelte
View file

@ -64,7 +64,7 @@
}}"
class:bx--side-nav__overlay="{true}"
class:bx--side-nav__overlay-active="{isOpen}"
style="{isOpen && 'z-index: 6000'}"
style:z-index="{isOpen ? 6000 : undefined}"
></div>
{/if}
<nav

2
src/UIShell/SideNavMenu.svelte
View file

@ -52,7 +52,7 @@
<ul
role="menu"
class:bx--side-nav__menu="{true}"
style="{expanded && 'max-height: none'}"
style:max-height="{expanded ? "none" : undefined}"
>
<slot />
</ul>