riki/rkgk
riki/rkgk
1
Fork 0
Code Issues 57 Pull requests Projects 1 Activity

sidebar layout

Browse source 
switch the app from floating panels to a static sidebar on the right with resizable tools
expect more layout bugs from now on
This commit is contained in:
りき萌 2025-06-27 23:24:09 +02:00
parent f78f3136d9
commit 0ddc42c00f
10 changed files with 272 additions and 178 deletions
Download patch file Download diff file Expand all files Collapse all files

6
static/code-editor.js
View file

@ -44,6 +44,9 @@ export class CodeEditor extends HTMLElement {
this.undoHistory = [];
this.undoHistoryTop = 0;
this.textArea.addEventListener("input", () => {
this.#codeChanged();
});
this.#textAreaAutoSizingBehaviour();
this.#keyShortcutBehaviours();
@ -76,9 +79,6 @@ export class CodeEditor extends HTMLElement {
// Resizing the text area
#textAreaAutoSizingBehaviour() {
this.textArea.addEventListener("input", () => {
this.#codeChanged();
});
this.#resizeTextArea();
document.fonts.addEventListener("loadingdone", () => this.#resizeTextArea());
new ResizeObserver(() => this.#resizeTextArea()).observe(this.textArea);