Changeset d3e2987 in Klonkt

Timestamp:

06/17/2026 01:28:35 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

9611f31

Parents:

2beef82

Message:

Post editor: Save bar above the audio player instead of below it

The fixed audio player (z-index 1000, bottom:0) covered the sticky Save/Cancel
bar as soon as something was playing — on every screen size. JS now reads the
actual player height and positions the bar above it (player shrinks on narrow
screens, so no hardcoded value). No player → bar stays at bottom:0.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/views/pages/post-edit.ejs (modified) (1 diff)

src/views/pages/post-edit.ejs

@@ -1411 +1411 @@
   render();
 })();
+
+(function () {
+  // De Opslaan/Annuleren-balk boven de audiospeler houden als er iets speelt
+  // (anders dekt de fixed speler, z-index 1000, de sticky balk af). De echte
+  // speler-hoogte wordt gelezen, dus het klopt op elk formaat (de speler krimpt
+  // op smalle schermen). Geen speler → balk gewoon op bottom:0 (CSS).
+  var bar = document.querySelector('.pe-actions');
+  if (!bar) return;
+  function fit() {
+    var ap = document.querySelector('.audio-player');
+    var playing = document.body.classList.contains('has-audio-player') &&
+                  ap && getComputedStyle(ap).display !== 'none';
+    bar.style.bottom = playing ? Math.round(ap.getBoundingClientRect().height) + 'px' : '';
+  }
+  fit();
+  window.addEventListener('resize', fit);
+  // De speler verschijnt/verdwijnt via een body-class → daarop reageren.
+  try { new MutationObserver(fit).observe(document.body, { attributes: true, attributeFilter: ['class'] }); } catch (_) {}
+})();
 </script>