cheddar/ncounter
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

Some style changes

Browse source 
Add input mode to number fields
This commit is contained in:
CheddarCrisp 2020-03-03 22:21:43 -05:00
parent d149e40e99
commit 325c5b0fe1
4 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/ncounter/About.svelte
View file

@ -19,7 +19,7 @@ const dispatch = createEventDispatcher();
.about { .about {
background-color: var(--background-primary); background-color: var(--background-primary);
color: var(--text-primary); color: var(--text-primary);
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@ -56,8 +56,8 @@ h2 {
.close { .close {
position: absolute; position: absolute;
top: 15px; top: 0;
right: 15px; right: 0;
} }
.licenses { .licenses {

4
src/ncounter/App.svelte
View file

@ -13,8 +13,8 @@
<div class="dialog"> <div class="dialog">
<div class="dialog-content"> <div class="dialog-content">
<label>Name<input type="text" bind:value={newCounter.title} use:focus/></label> <label>Name<input type="text" bind:value={newCounter.title} use:focus/></label>
<label>Initial Value<input type="number" bind:value={newCounter.initialValue} /></label> <label>Initial Value<input type="number" inputmode="decimal" bind:value={newCounter.initialValue} /></label>
<label>Target<input type="number" bind:value={newCounter.max} /></label> <label>Target<input type="number" inputmode="decimal" bind:value={newCounter.max} /></label>
<label>Save history<input type="checkbox" bind:checked={newCounter.saveHistory} /></label> <label>Save history<input type="checkbox" bind:checked={newCounter.saveHistory} /></label>
<button on:click={ () => { showAddDialog = false; } }>Cancel</button> <button on:click={ () => { showAddDialog = false; } }>Cancel</button>
<button class="ok" on:click={ add }>OK</button> <button class="ok" on:click={ add }>OK</button>

6
src/ncounter/Counter.svelte
View file

@ -18,7 +18,7 @@
<div class="dialog"> <div class="dialog">
<div class="dialog-content"> <div class="dialog-content">
<h1>{ showIncrement ? "Add" : "Set" }</h1> <h1>{ showIncrement ? "Add" : "Set" }</h1>
<input class="dialog-value" type="number" bind:value={ dialogValue } use:focus /> <input class="dialog-value" type="number" inputmode="decimal" bind:value={ dialogValue } use:focus />
<button on:click={ dialogCancel }>Cancel</button> <button on:click={ dialogCancel }>Cancel</button>
<button class="ok" on:click={ dialogDone }>OK</button> <button class="ok" on:click={ dialogDone }>OK</button>
</div> </div>
@ -28,8 +28,8 @@
<div class="dialog"> <div class="dialog">
<div class="dialog-content"> <div class="dialog-content">
<label>Name<input type="text" bind:value={editingCounter.title} use:focus/></label> <label>Name<input type="text" bind:value={editingCounter.title} use:focus/></label>
<label>Initial Value<input type="number" bind:value={editingCounter.initialValue} /></label> <label>Initial Value<input type="number" inputmode="decimal" bind:value={editingCounter.initialValue} /></label>
<label>Target<input type="number" bind:value={editingCounter.max} /></label> <label>Target<input type="number" inputmode="decimal" bind:value={editingCounter.max} /></label>
<label>Save history<input type="checkbox" bind:checked={editingCounter.saveHistory} /></label> <label>Save history<input type="checkbox" bind:checked={editingCounter.saveHistory} /></label>
<button on:click={ () => { showEditDialog = false; } }>Cancel</button> <button on:click={ () => { showEditDialog = false; } }>Cancel</button>
<button class="ok" on:click={ finishEdit }>OK</button> <button class="ok" on:click={ finishEdit }>OK</button>

4
src/ncounter/site.css
View file

@ -52,8 +52,8 @@ button {
color: var(--text-primary); color: var(--text-primary);
width: 36px; width: 40px;
height: 36px; height: 40px;
display: flex; display: flex;
align-items: center; align-items: center;