From 1e231653ca10768b019ac616bc115fd5afbdb955 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Tue, 2 May 2023 10:18:59 +0200
Subject: [PATCH] Bug 33491: Do not apply style to agreement list view

We removed the 'scoped' attribute and so the style rules added in the
previous patch were applied to the agreement list view.
Why is 'scoped' not working is the main question here (?) but adding a
more specific selector to aim only the component (AgreementsList) from
the modal is a quick solution.

Signed-off-by: Pedro Amorim <pedro.amorim@ptfs-europe.com>

Bug 33491: Add a more specific class for the modal

We don't want to apply these CSS rules to other modals

Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../components/ERM/EHoldingsEBSCOPackageAgreements.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsEBSCOPackageAgreements.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsEBSCOPackageAgreements.vue
index 1946711b75..982bc61472 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsEBSCOPackageAgreements.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/EHoldingsEBSCOPackageAgreements.vue
@@ -1,6 +1,6 @@
 <template>
     <transition name="modal">
-        <div v-if="showModal" class="modal">
+        <div v-if="showModal" class="add_agreement_modal">
             <AgreementsList :embedded="true" @select-agreement="addAgreement" />
             <input
                 type="button"
@@ -130,7 +130,7 @@ export default {
 }
 </script>
 <style>
-.modal {
+.add_agreement_modal {
     position: fixed;
     z-index: 9998;
     top: 0;
@@ -151,13 +151,13 @@ export default {
 </style>
 
 <style>
-#agreements_list table {
+.add_agreement_modal #agreements_list table {
     display: table;
 }
-.filters label {
+.add_agreement_modal .filters label {
     float: none !important;
 }
-.filters input[type="checkbox"] {
+.add_agreement_modal .filters input[type="checkbox"] {
     margin-left: 0 !important;
 }
 </style>
-- 
2.20.1