mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-06-04 08:34:55 +02:00
Code Issues Releases Wiki Activity

minor fixes.

Browse Source
This commit is contained in:
Kushagra Gour 2016-12-02 15:05:15 +05:30
parent 811d72964a
commit 9903412799
2 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/index.html
View File

@ -35,6 +35,9 @@
.flex-grow { .flex-grow {
flex-grow: 1; flex-grow: 1;
} }
.flex-v-center {
align-items: center;
}
.fr { .fr {
float: right; float: right;
} }
@ -212,6 +215,10 @@
border: 0; border: 0;
border-bottom: 1px solid rgba(255,255,255,0.14); border-bottom: 1px solid rgba(255,255,255,0.14);
} }
.main-header__btn-wrap > a {
margin-left: 15px;
}
.logo { .logo {
display: inline-block; display: inline-block;
height: 25px; height: 25px;
@ -299,6 +306,8 @@
opacity: 0; opacity: 0;
padding: 2em; padding: 2em;
font-size: 1.3em; font-size: 1.3em;
max-height: 82vh;
overflow-y: auto;
transition: all 0.19s; transition: all 0.19s;
transform: translateY(-50px) scale(0.7); transform: translateY(-50px) scale(0.7);
} }
@ -540,21 +549,25 @@
<body> <body>
<div class="main-container"> <div class="main-container">
<div class="main-header"> <div class="main-header">
<div class="fr"> <div class="main-header__btn-wrap fr flex flex-v-center">
<a id="js-add-library-btn" class=""> <a id="js-add-library-btn" class="flex flex-v-center">
Add library <span id="js-external-lib-count" style="visibility:hidden;" class="count-label"></span> Add library <span id="js-external-lib-count" style="visibility:hidden;" class="count-label"></span>
</a> </a>
<a id="js-new-btn"><svg style="vertical-align:middle;width:14px;height:14px" viewBox="0 0 24 24"> <a id="js-new-btn" class="flex flex-v-center">
} <svg style="vertical-align:middle;width:14px;height:14px" viewBox="0 0 24 24">
<path fill="crimson" d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" /> <path fill="crimson" d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
</svg>New</a> </svg>New
<a id="js-save-btn" style="margin-left:10px"><svg style="vertical-align:middle;width:14px;height:14px" viewBox="0 0 24 24"> </a>
<path fill="crimson" d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" /> <a id="js-save-btn" class="flex flex-v-center">
</svg>Save</a> <svg style="vertical-align:middle;width:14px;height:14px" viewBox="0 0 24 24">
<a id="js-open-btn" style="margin-left:10px"><svg style="width:14px;height:14px;vertical-align:middle;" viewBox="0 0 24 24"> <path fill="crimson" d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" />
<path fill="crimson" d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" /> </svg>Save</a>
</svg>Open</a> <a id="js-open-btn" class="flex flex-v-center">
<svg style="width:14px;height:14px;vertical-align:middle;" viewBox="0 0 24 24">
<path fill="crimson" d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" />
</svg>Open
</a>
</div> </div>
<input type="text" id="js-title-input" class="item-title-input" value="Untitled Work"> <input type="text" id="js-title-input" class="item-title-input" value="Untitled Work">
</div> </div>
@ -742,9 +755,10 @@
<div class="notification"> <div class="notification">
<span class="notification__version">2.0.0</span> <span class="notification__version">2.0.0</span>
<ul> <ul>
<li><strong>Save and Load</strong> - Long pending and super-useful, now you can save your work and resume it anytime later.</li> <li><strong>Save and Load</strong> - Long pending and super-useful, now you can save your creations and resume it anytime later.</li>
<li><strong>Insert JS & CSS</strong> - Load popular JavaScript & CSS libraries in your work without writing any code.</li> <li><strong>Insert JS & CSS</strong> - Load popular JavaScript & CSS libraries in your work without writing any code.</li>
<li><strong>Collapsed Panes</strong> - Collapse/uncollapse code panes with a single click. Your pane configuration is even saved with every work!</li> <li><strong>Collapsed Panes</strong> - Collapse/uncollapse code panes with a single click. Your pane configuration is even saved with every creation!</li>
<li><strong>Quick color & number change</strong> - Click on any color or number and experiment with quick values using a slider.</li>
<li><strong>Linting</strong> - See your code errors right where you are coding.</li> <li><strong>Linting</strong> - See your code errors right where you are coding.</li>
<li>No more browser hang due to infinite loops!</li> <li>No more browser hang due to infinite loops!</li>
<li><a href="https://kushagragour.in/blog/web-maker-2">Read more about this big release</a></li> <li><a href="https://kushagragour.in/blog/web-maker-2">Read more about this big release</a></li>

2
src/script.js
View File

@ -803,7 +803,7 @@
addLibrarySelect.children[2].innerHTML = libOptions; addLibrarySelect.children[2].innerHTML = libOptions;
addLibrarySelect.addEventListener('change', function onSelectChange(e) { addLibrarySelect.addEventListener('change', function onSelectChange(e) {
var target = e.target; var target = e.target;
$('#js-external-' + target.selectedOptions[0].dataset.type).value += target.value + '\n'; $('#js-external-' + target.selectedOptions[0].dataset.type).value += '\n' + target.value;
onExternalLibChange(); onExternalLibChange();
}); });
externalJsTextarea.addEventListener('change', onExternalLibChange); externalJsTextarea.addEventListener('change', onExternalLibChange);