[Feature Request] Place the note window beneath the code editor.
Kevin Dong
98
Feedback

Currently, the note window pops up after clicking the note icon on the right side.

image

However, the window obstructs the code editor, and users could not write down their thoughts while looking at their codes.
Thus, I suggest that the note window should be a pane placing beneath the code editor.

image

This is the JS snippet for the layout rearrangement:

var ev = document.createEvent('Events');
var bt = document.querySelector('div.note-btn__uLJR');
var nt = document.querySelector('div.note__1Qo7');
var ct = document.querySelector('div.container__2WTi');
var nc = document.querySelector('div.note__1Qo7 div.CodeMirror');
ev.initEvent('click', true, false);
bt.dispatchEvent(ev);
nt.setAttribute('style', 'top: 0; height: 155px; width: 100%; position: relative;');
ct.parentNode.insertBefore(nt, ct.nextSibling);
nc.setAttribute('style', 'height: 100px; min-height: 100px;')
Comments (1)