From a30e022e2e14e6a38eeb5daf683a6f37e05db04f Mon Sep 17 00:00:00 2001 From: Pedro Amorim Date: Wed, 22 Oct 2025 09:13:53 +0000 Subject: [PATCH] Bug 39320: (QA follow-up): Add an empty drop area placeholder --- .../ModuleDashboard/ModuleDashboard.vue | 51 +++++++++++++++++++ 1 file changed, 51 insertions(+) diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue index 8a0bc59f343..1471c2dc079 100644 --- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue +++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue @@ -11,6 +11,12 @@
+
+ {{ $__("Drop widgets here") }} +
+
+ {{ $__("Drop widgets here") }} +
* { visibility: hidden; } +.dashboard-right-col, +.dashboard-left-col { + position: relative; +} + +.empty-placeholder { + position: absolute; + top: 0; + left: 0; + right: 0; + min-height: 150px; + background-color: #fafafa; + color: #999; + font-style: italic; + font-size: 1.2rem; + pointer-events: none; + border: 2px dotted #ccc; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; + z-index: 2; +} + +.empty-drag-area { + min-height: 150px; +} -- 2.39.5