Changeset 5a394e5 in Klonkt

Timestamp:

06/21/2026 04:27:03 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

015ce46

Parents:

48ebfa7

Message:

fix(editor): empty edit dialog on mobile — crop zone had no height

.imed-stage was flex:1 without an explicit height → collapsed to 0px in the
flex column, so Cropper got no space and the dialog only showed the buttons
(no image). Now a fixed stage height (58vh) + cropper container forced to
100% width/height.

Co-Authored-By: Claude <noreply@…>

File:

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

src/views/pages/post-edit.ejs

@@ -963 +963 @@
 }
 .imed-stage {
-  flex: 1 1 auto; min-height: 0;
+  height: 58vh; flex: 0 0 auto;
   background: var(--paper-2, rgba(128,128,128,.08)); border-radius: 10px; overflow: hidden;
 }
-/* Cropper heeft een blok-img met begrensde hoogte nodig. */
 .imed-stage img { display: block; max-width: 100%; }
-.imed-stage .cropper-container { max-height: 64vh; }
+/* Cropper z'n container moet de volle stage-hoogte vullen — anders klapt 'ie dicht
+   in een flex-kolom zonder expliciete hoogte → leeg bewerk-venster (geen afbeelding). */
+.imed-stage .cropper-container { width: 100% !important; height: 100% !important; }
 .imed-tools {
   display: flex; flex-wrap: wrap; gap: 6px; justify-content: center;