1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-08-03 11:57:34 +02:00

fix console codemirror height

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

View File

@@ -116,11 +116,11 @@
</div> </div>
</div> </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"> <svg width="18" height="18" fill="#346fd2">
<use xlink:href="#chevron-icon"></use> <use xlink:href="#chevron-icon"></use>
</svg> </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> </div>
</div> </div>

View File

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

View File

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