edit format bar always stays on screen

This commit is contained in:
Ro 2022-01-25 15:17:41 -08:00
parent 8684c8b1ac
commit b69559541a
3 changed files with 18 additions and 25 deletions

View file

@ -5,7 +5,7 @@
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adsfdfdf">
<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dafdfa">
{% endblock %}
{% block mainContent %}

View file

@ -140,9 +140,9 @@
this[globalName] = mainExports;
}
}
})({"jRsG2":[function(require,module,exports) {
})({"hFE32":[function(require,module,exports) {
var HMR_HOST = null;
var HMR_PORT = 1234;
var HMR_PORT = 54262;
var HMR_SECURE = false;
var HMR_ENV_HASH = "4a236f9275d0a351";
module.bundle.HMR_BUNDLE_ID = "770375bf412ba982";
@ -1959,21 +1959,16 @@ class TextEditor extends _eventEmitterDefault.default {
result_element.scrollLeft = e.scrollLeft;
});
document.getElementById("edit").dispatchEvent(new Event("input"));
this.setInputs();
this.setInputs(); //freeze editor formatting so it doesn't scroll off screen
window.addEventListener("scroll", ()=>{
/**
* edit scroller needs work
if (window.pageYOffset >= fixLimit) {
document.getElementById('edit-control').style.position = 'fixed';
} else {
document.getElementById('edit-control').style.position = 'relative';
}
*/ }); //this.refresh();
var fixLimit = scrollLimit;
if (window.pageYOffset + 5 >= fixLimit) document.getElementById("edit-control").style.position = "fixed";
else document.getElementById("edit-control").style.position = "relative";
});
}
// methods
//--------------------------
setInputs() {
let self = this;
var editorButtons = document.querySelectorAll(".editor-button");
for(var i = 0, length = editorButtons.length; i < length; i++)editorButtons[i].addEventListener("click", (e)=>this.handleEditorOption(e)
, false);
@ -8358,6 +8353,6 @@ Sortable.mount(new AutoScrollPlugin());
Sortable.mount(Remove, Revert);
exports.default = Sortable;
},{"@parcel/transformer-js/src/esmodule-helpers.js":"ciiiV"}]},["jRsG2","bEyX8"], "bEyX8", "parcelRequiredac0")
},{"@parcel/transformer-js/src/esmodule-helpers.js":"ciiiV"}]},["hFE32","bEyX8"], "bEyX8", "parcelRequiredac0")
//# sourceMappingURL=Start.js.map

View file

@ -41,24 +41,22 @@ class TextEditor extends EventEmitter {
});
document.getElementById("edit").dispatchEvent(new Event("input"));
this.setInputs();
//freeze editor formatting so it doesn't scroll off screen
window.addEventListener("scroll", () => {
//var fixLimit = this.fixLimit;
/**
* edit scroller needs work
if (window.pageYOffset >= fixLimit) {
document.getElementById('edit-control').style.position = 'fixed';
} else {
document.getElementById('edit-control').style.position = 'relative';
}
*/
var fixLimit = scrollLimit;
if (window.pageYOffset + 5 >= fixLimit) {
document.getElementById("edit-control").style.position = "fixed";
} else {
document.getElementById("edit-control").style.position = "relative";
}
});
//this.refresh();
}
//--------------------------
// methods
//--------------------------
setInputs() {
let self = this;
var editorButtons = document.querySelectorAll(".editor-button");
for (var i = 0, length = editorButtons.length; i < length; i++) {
editorButtons[i].addEventListener(