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:
parent
9d4dc1cf21
commit
1e231653ca
1 changed files with 5 additions and 5 deletions
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue