MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Reduce icon size in dropdown menus again and increase padding

This commit is contained in:
Andrew Kingston 2021-01-22 11:03:50 +00:00
parent 28d2cbb7b4
commit 8abf5bb60d
1 changed files with 3 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/builder/src/components/common/Dropdowns/DropdownItem.svelte
View File

@ -5,12 +5,7 @@
export let disabled export let disabled
</script> </script>
<div <div class="dropdown-item" class:disabled on:click {...$$restProps}>
class="dropdown-item"
class:disabled
on:click
class:big={subtitle != null}
{...$$restProps}>
{#if icon}<i class={icon} />{/if} {#if icon}<i class={icon} />{/if}
<div class="content"> <div class="content">
<div class="title">{title}</div> <div class="title">{title}</div>
@ -27,7 +22,7 @@
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
gap: var(--spacing-m); gap: var(--spacing-m);
padding: var(--spacing-xs) var(--spacing-l); padding: var(--spacing-s) var(--spacing-l);
color: var(--ink); color: var(--ink);
} }
.dropdown-item.disabled, .dropdown-item.disabled,
@ -35,9 +30,6 @@
pointer-events: none; pointer-events: none;
color: var(--grey-5); color: var(--grey-5);
} }
.dropdown-item.big {
padding: var(--spacing-s) var(--spacing-l);
}
.dropdown-item:not(.disabled):hover { .dropdown-item:not(.disabled):hover {
background-color: var(--grey-2); background-color: var(--grey-2);
cursor: pointer; cursor: pointer;
@ -65,10 +57,6 @@
} }
i { i {
padding: 0.5rem; font-size: var(--font-size-m);
background-color: var(--grey-2);
font-size: 24px;
border-radius: var(--border-radius-s);
color: var(--ink);
} }
</style> </style>