Theodor-Springmann-Stiftung/musenalm
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/musenalm.git synced 2026-02-04 10:35:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

+BIGFIX: order buttons, collapse inhalte list

Browse Source
This commit is contained in:
Simon Martens
2026-01-16 18:15:59 +01:00
parent 8c96aaa88b
commit 136cb5f757
9 changed files with 201 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
views/transform/div-menu.js
View File

@@ -278,6 +278,10 @@ export class DivManager extends HTMLElement {
}, 10);
}
}
requestAnimationFrame(() => {
this._focusFirstField(child.node);
});
}
renderMenu() {
@@ -373,4 +377,27 @@ export class DivManager extends HTMLElement {
}
});
}
_focusFirstField(container) {
if (!container) {
return;
}
const focusables = container.querySelectorAll(
"input:not([type='hidden']):not([disabled]), textarea:not([disabled]), select:not([disabled]), [contenteditable='true'], trix-editor",
);
for (const field of focusables) {
if (!(field instanceof HTMLElement)) {
continue;
}
if (field.getClientRects().length === 0) {
continue;
}
try {
field.focus({ preventScroll: true });
} catch {
field.focus();
}
return;
}
}
}

41
views/transform/form.css
View File

@@ -350,29 +350,29 @@
.msr-staged-role-select {
@apply px-2 py-1 text-sm rounded-md border border-gray-300 bg-white outline-none text-gray-700;
}
.msr-staged-role-select:focus {
@apply focus:border-gray-500 focus:ring-1 focus:ring-gray-400;
}
.msr-staged-role-select:focus {
@apply focus:border-gray-500 focus:ring-1 focus:ring-gray-400;
}
.tox-tinymce:focus-within,
.tox-tinymce--focus {
@apply outline-none ring-0;
box-shadow: none !important;
}
.tox-tinymce:focus-within,
.tox-tinymce--focus {
@apply outline-none ring-0;
box-shadow: none !important;
}
.tox-tinymce:focus-within .tox-edit-area,
.tox-tinymce:focus-within .tox-edit-area__iframe,
.tox-tinymce .tox-edit-area__iframe:focus,
.tox-tinymce .tox-edit-area__iframe:focus-visible {
outline: none !important;
box-shadow: none !important;
}
.tox-tinymce:focus-within .tox-edit-area,
.tox-tinymce:focus-within .tox-edit-area__iframe,
.tox-tinymce .tox-edit-area__iframe:focus,
.tox-tinymce .tox-edit-area__iframe:focus-visible {
outline: none !important;
box-shadow: none !important;
}
.tox.tox-edit-focus .tox-edit-area::before,
.tox .tox-edit-area::before {
border: 0 !important;
opacity: 0 !important;
}
.tox.tox-edit-focus .tox-edit-area::before,
.tox .tox-edit-area::before {
border: 0 !important;
opacity: 0 !important;
}
.msr-staged-cancel-btn {
@apply w-5 h-5 bg-gray-200 text-gray-600 rounded-full text-sm leading-none cursor-pointer;
@@ -451,7 +451,6 @@
/* --- MultiSelectSimple Component Base Styles (using @apply) --- */
.mss-component-wrapper {
/* 'relative' is set inline for positioning dropdown */
@apply px-3 py-1;
}
.mss-selected-items-container {