mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-14 02:26:20 +02:00
Code Issues Releases Wiki Activity

Add option to enable/disable blur overlay

Browse Source
This commit is contained in:
Andrew Luca
2017-07-27 00:23:45 +03:00
parent 013e5d40f6
commit 230033cb10
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/index.html
View File

@ -455,6 +455,9 @@
<label class="line"> <label class="line">
<input type="checkbox" d-change="updateSetting" data-setting="replaceNewTab"> Replace new tab page <input type="checkbox" d-change="updateSetting" data-setting="replaceNewTab"> Replace new tab page
</label> </label>
<label class="line">
<input type="checkbox" d-change="updateSetting" data-setting="useBlur"> Use blur overlay (needs restart)
</label>
</p> </p>
<hr> <hr>

9
src/script.js
View File

@ -1588,6 +1588,11 @@ customEditorFontInput
$('[data-setting=editorCustomFont]').value = prefs.editorCustomFont; $('[data-setting=editorCustomFont]').value = prefs.editorCustomFont;
$('[data-setting=autoSave]').checked = prefs.autoSave; $('[data-setting=autoSave]').checked = prefs.autoSave;
$('[data-setting=autoComplete]').checked = prefs.autoComplete; $('[data-setting=autoComplete]').checked = prefs.autoComplete;
$('[data-setting=useBlur]').checked = prefs.useBlur;
if (prefs.useBlur) {
document.body.classList.add('blur');
}
} }
/** /**
@ -2154,7 +2159,8 @@ customEditorFontInput
editorFont: 'FiraCode', editorFont: 'FiraCode',
editorCustomFont: '', editorCustomFont: '',
autoSave: true, autoSave: true,
autoComplete: true autoComplete: true,
useBlur: true
}, },
function syncGetCallback(result) { function syncGetCallback(result) {
if (result.preserveLastCode && lastCode) { if (result.preserveLastCode && lastCode) {
@ -2190,6 +2196,7 @@ customEditorFontInput
prefs.editorCustomFont = result.editorCustomFont; prefs.editorCustomFont = result.editorCustomFont;
prefs.autoSave = result.autoSave; prefs.autoSave = result.autoSave;
prefs.autoComplete = result.autoComplete; prefs.autoComplete = result.autoComplete;
prefs.useBlur = result.useBlur;
updateSettingsInUi(); updateSettingsInUi();
scope.updateSetting(); scope.updateSetting();

2
src/style.css
View File

@ -117,7 +117,7 @@ select, input[type="text"], input[type="number"], textarea {
will-change: -webkit-filter; will-change: -webkit-filter;
transition: 0.10s ease 0.2s; transition: 0.10s ease 0.2s;
} }
.overlay-visible .main-container { .blur.overlay-visible .main-container {
transition-duration: 0.5s; transition-duration: 0.5s;
transition-delay: 0.4s; transition-delay: 0.4s;
-webkit-filter: blur(3px); -webkit-filter: blur(3px);