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>
This commit is contained in:
Jonathan Druart 2023-05-02 10:18:59 +02:00 committed by Tomas Cohen Arazi
parent 9d4dc1cf21
commit 1e231653ca
Signed by: tomascohen
GPG key ID: 0A272EA1B2F3C15F

View file

@ -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>