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

fix console codemirror height

Browse Source
This commit is contained in:
Kushagra Gour
2017-05-08 02:53:53 +05:30
parent 1c82dcaafd
commit c2621d0adb
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.html
View File

@ -116,11 +116,11 @@
</div>
</div>
</div>
<div id="consolePromptEl" class="console__prompt">
<div id="consolePromptEl" class="console__prompt flex flex-v-center">
<svg width="18" height="18" fill="#346fd2">
<use xlink:href="#chevron-icon"></use>
</svg>
<input d-keyup="evalConsoleExpr" style="padding:3px;font-size:inherit;width:calc(100% - 30px); background: black; color: white; border:0;">
<input d-keyup="evalConsoleExpr" style="padding:5px;font-size:1.3em;flex:1;background: black; color: white; border:0;outline:0;">
</div>
</div>
</div>

2
src/script.js
View File

@ -980,7 +980,6 @@ runBtn, searchInput, consoleEl, consoleLogEl
theme: 'monokai',
foldGutter: true,
readOnly: true,
viewportMargin: Infinity,
gutters: [ 'CodeMirror-foldgutter' ]
});
@ -1247,6 +1246,7 @@ runBtn, searchInput, consoleEl, consoleLogEl
htmlCode.querySelector('.CodeMirror').style.fontSize = prefs.fontSize;
cssCode.querySelector('.CodeMirror').style.fontSize = prefs.fontSize;
jsCode.querySelector('.CodeMirror').style.fontSize = prefs.fontSize;
consoleEl.querySelector('.CodeMirror').style.fontSize = prefs.fontSize;
// Update indentation count when slider is updated
indentationSizeValueEl.textContent = $('[data-setting=indentSize]').value;

6
src/style.css
View File

@ -204,6 +204,7 @@ select, input[type="text"], input[type="number"], textarea {
.code-wrap__header-btn {
display: inline-block;
vertical-align: top;
margin-left: 8px;
}
.code-wrap__header-btn,
.code-wrap__header-btn > svg {
@ -830,9 +831,8 @@ li.CodeMirror-hint-active {
transition: transform 0.4s cubic-bezier(0.76, 0.01, 0.13, 0.9);
}
.console.is-minimized {
transform: translateY(calc(100% - 30px));
transform: translateY(calc(100% - 29px));
}
.console .Codemirror {
height: auto;
max-height: calc(100% - 70px);
height: calc(100% - 55px);
}