From 5626349fb6eb1f3c2e34f13e05d9d79505f43944 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Wed, 3 May 2023 09:05:22 +0200
Subject: [PATCH] Bug 33491: Add a more specific class for the modal

We don't want to apply these CSS rules to other modals
---
 .../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 7264dc72fcf..982bc61472e 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>
-.modal #agreements_list table {
+.add_agreement_modal #agreements_list table {
     display: table;
 }
-.modal .filters label {
+.add_agreement_modal .filters label {
     float: none !important;
 }
-.modal .filters input[type="checkbox"] {
+.add_agreement_modal .filters input[type="checkbox"] {
     margin-left: 0 !important;
 }
 </style>
-- 
2.25.1