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

choti-mote fixes.

Browse Source
This commit is contained in:
Kushagra Gour
2016-12-03 14:53:36 +05:30
parent abbd08d9db
commit 89234a9124
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/index.html
View File

@ -91,10 +91,11 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
will-change: -webkit-filter; will-change: -webkit-filter;
transition: 0.15s ease 0.4s; transition: 0.15s ease 0.2s;
} }
.overlay-visible .main-container { .overlay-visible .main-container {
transition-duration: 0.3s; transition-duration: 0.5s;
transition-delay: 0.4s;
-webkit-filter: blur(3px); -webkit-filter: blur(3px);
} }
.code-side, .code-side,
@ -170,8 +171,12 @@
writing-mode: vertical-lr; writing-mode: vertical-lr;
padding: 10px 5px; padding: 10px 5px;
} }
.code-wrap__header .caret {
transition: 0.2s ease;
}
.is-minimized .code-wrap__header .caret { .is-minimized .code-wrap__header .caret {
display: none; opacity: 0;
transform: translateY(10px);
} }
.code-wrap__header-btn { .code-wrap__header-btn {
width: 18px; width: 18px;
@ -758,7 +763,7 @@
<textarea id="js-external-js" class="full-width" id="" cols="30" rows="5" placeholder="Put each library in new line"></textarea> <textarea id="js-external-js" class="full-width" id="" cols="30" rows="5" placeholder="Put each library in new line"></textarea>
<h3>CSS</h3> <h3>CSS</h3>
<textarea id="js-external-css" class="full-width" id="" cols="30" rows="5"></textarea> <textarea id="js-external-css" class="full-width" id="" cols="30" rows="5" placeholder="Put each library in new line"></textarea>
<div style="margin-top:20px;"> <div style="margin-top:20px;">
Choose from popular libraries: Choose from popular libraries:

9
src/script.js
View File

@ -324,8 +324,8 @@
function refreshEditor() { function refreshEditor() {
titleInput.value = currentItem.title || 'Untitled'; titleInput.value = currentItem.title || 'Untitled';
externalJsTextarea.value = currentItem.externalLibs && (currentItem.externalLibs.js || ''); externalJsTextarea.value = (currentItem.externalLibs && currentItem.externalLibs.js) || '';
externalCssTextarea.value = currentItem.externalLibs && (currentItem.externalLibs.css || ''); externalCssTextarea.value = (currentItem.externalLibs && currentItem.externalLibs.css) || '';
externalJsTextarea.dispatchEvent(new Event('change')); externalJsTextarea.dispatchEvent(new Event('change'));
editur.cm.html.setValue(currentItem.html); editur.cm.html.setValue(currentItem.html);
@ -646,15 +646,18 @@
utils.onButtonClick(helpBtn, function () { utils.onButtonClick(helpBtn, function () {
helpModal.classList.toggle('is-modal-visible'); helpModal.classList.toggle('is-modal-visible');
document.body.classList[helpModal.classList.contains('is-modal-visible') ? 'add' : 'remove']('overlay-visible');
trackEvent('ui', 'helpButtonClick'); trackEvent('ui', 'helpButtonClick');
}); });
utils.onButtonClick(addLibraryBtn, function () { utils.onButtonClick(addLibraryBtn, function () {
addLibraryModal.classList.toggle('is-modal-visible'); addLibraryModal.classList.toggle('is-modal-visible');
document.body.classList[addLibraryModal.classList.contains('is-modal-visible') ? 'add' : 'remove']('overlay-visible');
trackEvent('ui', 'addLibraryButtonClick'); trackEvent('ui', 'addLibraryButtonClick');
}); });
notificationsBtn.addEventListener('click', function () { notificationsBtn.addEventListener('click', function () {
notificationsModal.classList.toggle('is-modal-visible'); notificationsModal.classList.toggle('is-modal-visible');
document.body.classList[notificationsModal.classList.contains('is-modal-visible') ? 'add' : 'remove']('overlay-visible');
if (notificationsModal.classList.contains('is-modal-visible') && !hasSeenNotifications) { if (notificationsModal.classList.contains('is-modal-visible') && !hasSeenNotifications) {
hasSeenNotifications = true; hasSeenNotifications = true;
notificationsBtn.classList.remove('has-new'); notificationsBtn.classList.remove('has-new');
@ -781,7 +784,7 @@
}); });
utils.onButtonClick(settingsBtn, function() { utils.onButtonClick(settingsBtn, function() {
if (!chrome.runtime.openOptionsPage) { if (chrome.runtime.openOptionsPage) {
// New way to open options pages, if supported (Chrome 42+). // New way to open options pages, if supported (Chrome 42+).
// Bug: https://bugs.chromium.org/p/chromium/issues/detail?id=601997 // Bug: https://bugs.chromium.org/p/chromium/issues/detail?id=601997
// Until this bug fixes, use the // Until this bug fixes, use the