|
|
@ -1,4 +1,6 @@ |
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import { Icon } from "@budibase/bbui" |
|
|
|
|
|
|
|
|
export let icon |
|
|
export let icon |
|
|
export let withArrow = false |
|
|
export let withArrow = false |
|
|
export let withActions = true |
|
|
export let withActions = true |
|
|
@ -22,11 +24,12 @@ |
|
|
on:drop |
|
|
on:drop |
|
|
on:click |
|
|
on:click |
|
|
ondragover="return false" |
|
|
ondragover="return false" |
|
|
ondragenter="return false"> |
|
|
ondragenter="return false" |
|
|
|
|
|
> |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
|
{#if withArrow} |
|
|
{#if withArrow} |
|
|
<div class:opened class="icon arrow"> |
|
|
<div class:opened class="icon arrow"> |
|
|
<i class="ri-arrow-right-s-line" /> |
|
|
<Icon s name="ChevronRight" /> |
|
|
</div> |
|
|
</div> |
|
|
{/if} |
|
|
{/if} |
|
|
|
|
|
|
|
|
@ -51,9 +54,6 @@ |
|
|
transition: background-color |
|
|
transition: background-color |
|
|
var(--spectrum-global-animation-duration-100, 130ms) ease-in-out; |
|
|
var(--spectrum-global-animation-duration-100, 130ms) ease-in-out; |
|
|
} |
|
|
} |
|
|
.nav-item.border { |
|
|
|
|
|
/*border-top: 1px solid var(--grey-2);*/ |
|
|
|
|
|
} |
|
|
|
|
|
.nav-item.selected { |
|
|
.nav-item.selected { |
|
|
background-color: var(--grey-2); |
|
|
background-color: var(--grey-2); |
|
|
color: var(--ink); |
|
|
color: var(--ink); |
|
|
|