From 44ec1a9657797cc76be64378a5e7e1b5773e167f Mon Sep 17 00:00:00 2001 From: Chloe Zermatten Date: Wed, 4 Feb 2026 19:45:57 +0000 Subject: [PATCH] Bug 10190: feat: enhance trigger context display in modal - improve modal scroll behaviour - improve modal dimensions - display contexts as a horizontal list to make better use of the available space - fully contain dropdowns within the modal body --- .../CirculationTriggersFormAdd.vue | 40 ++++++++++++++++++- 1 file changed, 38 insertions(+), 2 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Admin/CirculationTriggers/CirculationTriggersFormAdd.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Admin/CirculationTriggers/CirculationTriggersFormAdd.vue index d69fd2d1d19..48a01e6f83f 100644 --- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Admin/CirculationTriggers/CirculationTriggersFormAdd.vue +++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Admin/CirculationTriggers/CirculationTriggersFormAdd.vue @@ -26,7 +26,7 @@
{{ $__("Confirm trigger context") }} -
    +
    1. {{ $__("Confirm context") }} @@ -1001,4 +1001,40 @@ input[type="number"] { display: flex; justify-content: space-between; } + +.modal-body { + min-height: 280px; +} + +#confirm-context-list { + display: flex; + gap: 20px; + height: fit-content; +} + +#confirm-context-list li { + display: flex; + flex-direction: column; + width: 320px; +} + +#confirm-context-list .v-select { + width: 100%; +} + +#confirm-context-list label { + width: 100%; + text-align: left; + padding: 0 0 4px 10px; +} + +#confirm-context-list span { + width: 100%; + align-content: right; + padding-top: 4px; +} + +#confirm-context-list :deep(.v-select ul) { + max-height: 120px; +} -- 2.39.5