Skip to content

Commit

Permalink
fix: made chevron icon for layer tab accordion smaller
Browse files Browse the repository at this point in the history
  • Loading branch information
JinIgarashi committed Dec 29, 2023
1 parent 605e578 commit 1de13d6
Showing 1 changed file with 5 additions and 9 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,6 @@
const dispatch = createEventDispatcher();
export let layer: Layer;
export let hideToggleButton = false;
export let showEditButton = false;
if (!('isExpanded' in layer)) {
Expand Down Expand Up @@ -164,20 +163,17 @@
<article class="is-flex is-flex-direction-column border">
<div class="header is-flex pl-2 py-4">
<div
class="layer-header is-flex is-align-items-center pr-2 {!hideToggleButton ? 'toggle' : ''}"
class="layer-header is-flex is-align-items-center pr-2 toggle"
role="button"
tabindex="0"
on:keydown={handleEnterKey}
on:click={() => {
if (hideToggleButton) return;
isExpanded = !isExpanded;
}}
>
{#if !hideToggleButton}
<div class="toggle-button icon has-text-primary mr-3">
<i class="fa-solid fa-chevron-{isExpanded ? 'up' : 'down'} fa-xl"></i>
</div>
{/if}
<div class="toggle-button has-text-primary mr-3">
<i class="fa-solid fa-chevron-{isExpanded ? 'up' : 'down'}"></i>
</div>

<span
class="layer-name is-size-6 has-text-grey-dark"
Expand Down Expand Up @@ -226,7 +222,7 @@
</div>
</div>
</div>
<div class="has-text-dark pb-2" hidden={hideToggleButton === true ? false : !isExpanded}>
<div class="has-text-dark pb-2" hidden={!isExpanded}>
{#key isLayerChanged}
<slot name="content" />
{/key}
Expand Down

0 comments on commit 1de13d6

Please sign in to comment.