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

refactor code for light version mode. fixes #172

Browse Source
This commit is contained in:
Kushagra Gour 2017-09-16 16:56:03 +05:30
parent d5d37e06e4
commit eb1cd50ebb
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.html
View File

@ -460,7 +460,7 @@
</label> </label>
</div> </div>
</div> </div>
<div class="ml-2"> <div class="ml-2">
<label class="line" title="Your Preview will refresh when you resize the preview split"> <label class="line" title="Your Preview will refresh when you resize the preview split">
<input type="checkbox" d-change="updateSetting" data-setting="refreshOnResize"> Refresh preview on resize <input type="checkbox" d-change="updateSetting" data-setting="refreshOnResize"> Refresh preview on resize
</label> </label>
@ -482,9 +482,9 @@
<label class="line" title="Preserves the console logs across your preview refreshes"> <label class="line" title="Preserves the console logs across your preview refreshes">
<input type="checkbox" d-change="updateSetting" data-setting="preserveConsoleLogs"> Preserve console logs <input type="checkbox" d-change="updateSetting" data-setting="preserveConsoleLogs"> Preserve console logs
</label> </label>
<label class="line"> <label class="line" title="Switch to lighter version for better performance. Removes things like blur etc.">
<input type="checkbox" d-change="updateSetting" data-setting="lightVersion"> Toggle fast/light version (needs restart) <input type="checkbox" d-change="updateSetting" data-setting="lightVersion"> Fast/light version (needs refresh)
</label> </label>
</div> </div>
</div> </div>

8
src/script.js
View File

@ -1619,10 +1619,6 @@ customEditorFontInput, cssSettingsModal, cssSettingsBtn, acssSettingsTextarea
$('[data-setting=autoComplete]').checked = prefs.autoComplete; $('[data-setting=autoComplete]').checked = prefs.autoComplete;
$('[data-setting=preserveConsoleLogs]').checked = prefs.preserveConsoleLogs; $('[data-setting=preserveConsoleLogs]').checked = prefs.preserveConsoleLogs;
$('[data-setting=lightVersion]').checked = prefs.lightVersion; $('[data-setting=lightVersion]').checked = prefs.lightVersion;
if (!prefs.lightVersion) {
document.body.classList.add('blur');
}
} }
/** /**
@ -1707,6 +1703,10 @@ customEditorFontInput, cssSettingsModal, cssSettingsBtn, acssSettingsTextarea
clearInterval(autoSaveInterval); clearInterval(autoSaveInterval);
autoSaveInterval = null; autoSaveInterval = null;
} }
document.body.classList[prefs.lightVersion ? 'add' : 'false'](
'light-version'
);
}; };
scope.onNewBtnClick = function() { scope.onNewBtnClick = function() {

3
src/style.css
View File

@ -118,10 +118,11 @@ 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;
} }
.blur.overlay-visible .main-container { body:not(.light-version).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);
filter: blur(3px);
} }
.code-side, .code-side,
.demo-side { .demo-side {