mirror of
https://github.com/chinchang/web-maker.git
synced 2025-07-11 00:56:25 +02:00
choti-mote fixes.
This commit is contained in:
@ -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:
|
||||||
|
@ -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
|
||||||
|
Reference in New Issue
Block a user