open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: resize grip style

Browse Source
This commit is contained in:
eight 2017-09-13 20:28:19 +08:00
parent b61b058824
commit 3c450e7d9d
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
edit/edit.css
View File

@ -178,7 +178,10 @@ h2 .svg-icon, label .svg-icon {
.CodeMirror { .CodeMirror {
border: solid #CCC 1px; border: solid #CCC 1px;
} }
.CodeMirror-scroll { .CodeMirror-lint-mark-warning {
background: none;
}
.resize-grip-enabled .CodeMirror-scroll {
height: auto !important;; height: auto !important;;
position: absolute !important; position: absolute !important;
top: 0; top: 0;
@ -186,16 +189,13 @@ h2 .svg-icon, label .svg-icon {
right: 0; right: 0;
bottom: 6px; /* resize-grip height */ bottom: 6px; /* resize-grip height */
} }
.CodeMirror-lint-mark-warning { .resize-grip-enabled .CodeMirror-vscrollbar {
background: none;
}
.CodeMirror-vscrollbar {
margin-bottom: 7px; /* make space for resize-grip */ margin-bottom: 7px; /* make space for resize-grip */
} }
.CodeMirror-hscrollbar { .resize-grip-enabled .CodeMirror-hscrollbar {
bottom: 7px; /* make space for resize-grip */ bottom: 7px; /* make space for resize-grip */
} }
.CodeMirror-scrollbar-filler { .resize-grip-enabled .CodeMirror-scrollbar-filler {
bottom: 7px; /* make space for resize-grip */ bottom: 7px; /* make space for resize-grip */
} }
.CodeMirror-dialog { .CodeMirror-dialog {

1
edit/edit.js
View File

@ -424,6 +424,7 @@ function setupCodeMirror(textarea, index) {
cm.on('mousedown', (cm, event) => toggleContextMenuDelete.call(cm, event)); cm.on('mousedown', (cm, event) => toggleContextMenuDelete.call(cm, event));
} }
wrapper.classList.add('resize-grip-enabled');
let lastClickTime = 0; let lastClickTime = 0;
const resizeGrip = wrapper.appendChild(template.resizeGrip.cloneNode(true)); const resizeGrip = wrapper.appendChild(template.resizeGrip.cloneNode(true));
resizeGrip.onmousedown = event => { resizeGrip.onmousedown = event => {