CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-13 07:53:31 +12:00
Code Issues Projects Releases Wiki Activity

Styling

Browse source
This commit is contained in:
Adria Navarro 2024-05-29 15:38:30 +02:00
parent a689d82b66
commit 151ff27351
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/frontend-core/src/components/grid/controls/ColumnsSettingButton.svelte
View file

@ -78,7 +78,7 @@
<Icon size="S" name={getColumnIcon(column)} />
{column.label}
</div>
<div>
<div class="permissionPicker">
{#each options as option}
<ActionButton
on:click={() => toggleColumn(column, option.value)}
@ -86,6 +86,7 @@
icon={option.icon}
quiet
selected={option.value === columnToPermissionOptions(column)}
noPadding
/>
{/each}
</div>
@ -101,11 +102,6 @@
flex-direction: column;
gap: 12px;
}
.buttons {
display: flex;
flex-direction: row;
gap: 8px;
}
.columns {
display: grid;
align-items: center;
@ -118,4 +114,16 @@
display: flex;
gap: 8px;
}
.permissionPicker {
display: flex;
gap: var(--spacing-xs);
padding-left: calc(var(--spacing-xl) * 2);
}
.permissionPicker :global(.spectrum-Icon) {
width: 14px;
}
.permissionPicker :global(.spectrum-ActionButton) {
width: 22px;
}
</style>