style
This commit is contained in:
parent
cf93850424
commit
0942ca5260
2
app.js
2
app.js
@ -197,7 +197,7 @@ easyFirst = (box1, box2) => box1.candidates.size - box2.candidates.size
|
|||||||
function showSuggestion() {
|
function showSuggestion() {
|
||||||
const emptyBoxes = boxes.filter(box => box.value == "" && box.candidates.size == 1)
|
const emptyBoxes = boxes.filter(box => box.value == "" && box.candidates.size == 1)
|
||||||
if (emptyBoxes.length) {
|
if (emptyBoxes.length) {
|
||||||
shuffle(emptyBoxes)[0].placeholder = "?"
|
shuffle(emptyBoxes)[0].placeholder = "💡"
|
||||||
} else {
|
} else {
|
||||||
clearTimeout(suggestionTimer)
|
clearTimeout(suggestionTimer)
|
||||||
suggestionTimer = null
|
suggestionTimer = null
|
||||||
|
@ -4,6 +4,7 @@ body {
|
|||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
section, div, footer {
|
section, div, footer {
|
||||||
@ -12,7 +13,7 @@ section, div, footer {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
row-gap: 0.5em;
|
row-gap: 0.5em;
|
||||||
column-gap: 0.5em;
|
column-gap: 0.5em;
|
||||||
margin: 1em auto;
|
margin: 0.8em auto;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@ -155,10 +156,11 @@ button.pressed:enabled:active {
|
|||||||
margin: 0px 0px 0px 3px;
|
margin: 0px 0px 0px 3px;
|
||||||
}
|
}
|
||||||
button:disabled {
|
button:disabled {
|
||||||
color: lightgrey;
|
color: #666;
|
||||||
background: darkgrey;
|
background: darkgrey;
|
||||||
border: 1px outset darkgrey;
|
border: 1px outset darkgrey;
|
||||||
padding: 1px 9px 3px 9px;
|
padding: 3px 10px 6px 10px;
|
||||||
|
margin: 0px 0px 1px 2px;
|
||||||
}
|
}
|
||||||
input[type="color"] {
|
input[type="color"] {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user