romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-01-18 13:07:58 +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
on:click={() => setValueToDate(day)}
type="button"
class="btn-sm"
class="button-small"
class:active={isSameDay(value, day)}
class:notinmonth={day.getMonth() !== month}
>{day.getDate()}</button>

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

@ -94,22 +94,22 @@
<div class="actions">
{#if type === 'objectid'}
{#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" />
</button>
{/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" />
</button>
{: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" />
</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" />
</button>
{/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" />
</button>
</div>

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

@ -173,7 +173,7 @@
{#if canRemoveItems}
<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" />
</button>
</td>

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

@ -23,7 +23,7 @@
{tab.title}
</button>
{#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" />
</button>
{/if}
@ -89,7 +89,7 @@
cursor: not-allowed;
}
.btn-sm {
.button-small {
position: absolute;
right: 7px;
top: 7px;

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

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

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

@ -162,7 +162,7 @@
{/if}
{#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
</button>
{/if}

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

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