romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-01-18 21:17:59 +00:00
Code Issues Releases Activity

Reamed btn-sm class to button-small

Browse Source
This commit is contained in:
Romein van Buren 2023-05-30 19:40:12 +02:00
parent 313153d01d
commit 6513eab608
Signed by: romein
GPG Key ID: 0EFF8478ADDF6C49
7 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/datepicker.svelte
View File

@ -112,7 +112,7 @@
<button <button
on:click={() => setValueToDate(day)} on:click={() => setValueToDate(day)}
type="button" type="button"
class="btn-sm" class="button-small"
class:active={isSameDay(value, day)} class:active={isSameDay(value, day)}
class:notinmonth={day.getMonth() !== month} class:notinmonth={day.getMonth() !== month}
>{day.getDate()}</button> >{day.getDate()}</button>

10
frontend/src/components/forminput.svelte
View File

@ -94,22 +94,22 @@
<div class="actions"> <div class="actions">
{#if type === 'objectid'} {#if type === 'objectid'}
{#if objectIdInput?.disabled} {#if objectIdInput?.disabled}
<button class="btn-sm" type="button" title="Edit object id" on:click={editObjectId}> <button class="button-small" type="button" title="Edit object id" on:click={editObjectId}>
<Icon name="edit" /> <Icon name="edit" />
</button> </button>
{/if} {/if}
<button class="btn-sm" type="button" title="Generate random object id" on:click={generateObjectId}> <button class="button-small" type="button" title="Generate random object id" on:click={generateObjectId}>
<Icon name="reload" /> <Icon name="reload" />
</button> </button>
{:else if type === 'date'} {:else if type === 'date'}
<button class="btn-sm" type="button" title="Edit date" on:click={() => showDatepicker = true}> <button class="button-small" type="button" title="Edit date" on:click={() => showDatepicker = true}>
<Icon name="edit" /> <Icon name="edit" />
</button> </button>
<button class="btn-sm" type="button" title="Set date to now" on:click={() => value = new Date()}> <button class="button-small" type="button" title="Set date to now" on:click={() => value = new Date()}>
<Icon name="o" /> <Icon name="o" />
</button> </button>
{/if} {/if}
<button class="btn-sm" type="button" title="Reset field to default value" on:click={() => value = undefined}> <button class="button-small" type="button" title="Reset field to default value" on:click={() => value = undefined}>
<Icon name="trash" /> <Icon name="trash" />
</button> </button>
</div> </div>

2
frontend/src/components/grid-items.svelte
View File

@ -173,7 +173,7 @@
{#if canRemoveItems} {#if canRemoveItems}
<td class="has-button"> <td class="has-button">
<button class="btn-sm" type="button" on:click|stopPropagation={() => removeItem(index, item[key])} on:dblclick|stopPropagation> <button class="button-small" type="button" on:click|stopPropagation={() => removeItem(index, item[key])} on:dblclick|stopPropagation>
<Icon name="x" /> <Icon name="x" />
</button> </button>
</td> </td>

4
frontend/src/components/tabbar.svelte
View File

@ -23,7 +23,7 @@
{tab.title} {tab.title}
</button> </button>
{#if tab.closable} {#if tab.closable}
<button class="btn-sm" on:click={() => dispatch('closeTab', tab.key)}> <button class="button-small" on:click={() => dispatch('closeTab', tab.key)}>
<Icon name="x" /> <Icon name="x" />
</button> </button>
{/if} {/if}
@ -89,7 +89,7 @@
cursor: not-allowed; cursor: not-allowed;
} }
.btn-sm { .button-small {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: 7px; top: 7px;

2
frontend/src/organisms/connection/collection/aggregate.svelte
View File

@ -83,7 +83,7 @@
</Details> </Details>
{/each} {/each}
<button class="btn-sm" type="button" on:click={addStage}> <button class="button-small" type="button" on:click={addStage}>
<Icon name="+" /> Add stage <Icon name="+" /> Add stage
</button> </button>
</div> </div>

2
frontend/src/organisms/connection/collection/insert.svelte
View File

@ -162,7 +162,7 @@
{/if} {/if}
{#if collection.viewKey !== 'list'} {#if collection.viewKey !== 'list'}
<button class="btn-sm" type="button" on:click={addRow}> <button class="button-small" type="button" on:click={addRow}>
<Icon name="+" /> Add item <Icon name="+" /> Add item
</button> </button>
{/if} {/if}

8
frontend/src/styles/style.css
View File

@ -100,17 +100,17 @@ select:disabled {
cursor: not-allowed; cursor: not-allowed;
} }
.btn-sm { .button-small {
padding: 3px; padding: 3px;
border-radius: 2px; border-radius: 2px;
} }
.btn-sm:hover { .button-small:hover {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
.btn-sm:active { .button-small:active {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
} }
.btn-sm svg { .button-small svg {
width: 13px; width: 13px;
height: 13px; height: 13px;
vertical-align: bottom; vertical-align: bottom;