mirror of
https://github.com/chinchang/web-maker.git
synced 2025-08-03 03:47:37 +02:00
fix console codemirror height
This commit is contained in:
@@ -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>
|
||||||
|
@@ -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;
|
||||||
|
@@ -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);
|
|
||||||
}
|
}
|
Reference in New Issue
Block a user