monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-11-10 06:01:28 +08:00
Code Issues Projects Releases Packages Wiki Activity

change 'on-change' to 'on-input' so colors change on selection versus dismiss of dialog

Browse source
This commit is contained in:
bhomie 2020-06-18 19:28:52 -07:00
parent 14973390f7
commit 7bd09d11af
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
public/index.html
View file

@ -429,19 +429,19 @@
<div class="tabContainer">
<div tabContent="custom" class="tabContent section customTheme">
<label class="text">background</label>
<input class="input colorPicker" type="color" value="#ff0000" colorVar="--bg-color">
<input class="input colorPicker" type="color" value="#ffffff" colorVar="--bg-color">
<label class="text">main</label>
<input class="input colorPicker" type="color" value="#00ff00" colorVar="--main-color">
<input class="input colorPicker" type="color" value="#ffffff" colorVar="--main-color">
<label class="text">caret</label>
<input class="input colorPicker" type="color" value="#ff00ff" colorVar="--caret-color">
<input class="input colorPicker" type="color" value="#ffffff" colorVar="--caret-color">
<label class="text">sub</label>
<input class="input colorPicker" type="color" value="#0000ff" colorVar="--sub-color">
<input class="input colorPicker" type="color" value="#ffffff" colorVar="--sub-color">
<label class="text">text</label>
<input class="input colorPicker" type="color" value="#f0f000" colorVar="--text-color">
<input class="input colorPicker" type="color" value="#000000" colorVar="--text-color">
<label class="text">error</label>
<input class="input colorPicker" type="color" value="#f000f0" colorVar="--error-color">
<input class="input colorPicker" type="color" value="#ffffff" colorVar="--error-color">
<label class="text">extra error</label>
<input class="input colorPicker" type="color" value="#00f0f0" colorVar="--error-extra-color">
<input class="input colorPicker" type="color" value="#ffffff" colorVar="--error-extra-color">
</div>
<div tabContent="preset" class="tabContent buttons">
</div>

2
public/js/settings.js
View file

@ -477,7 +477,7 @@ $(".tab").click(e => {
}
})
$('.colorPicker').change(e => {
$('.colorPicker').on('input', e => {
var $colorVar = $(e.currentTarget).attr('colorVar')
var $pickedColor = $(e.currentTarget).val();