CSR-1426 disable Bootstrap !important behavior.

Also disable page scroll when modal is open.
This commit is contained in:
Bryan Mauger 2023-05-31 11:29:19 -04:00
parent bbfa2e361d
commit 9d0d2af361
4 changed files with 11 additions and 1 deletions

View file

@ -56,3 +56,9 @@ body {
height: calc(100% - 72px);
}
}
//Disable scroll of main container when modal is open
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
}
}

View file

@ -9,6 +9,7 @@
position: relative;
z-index: 5;
@include box-shadow-hover($blue-300);
border-radius: .5rem;
}
}
}

View file

@ -190,3 +190,6 @@ $alert-color-scale: 40%;
// This affects all [Bootstrap] modals
$modal-fade-transform: translate(0, 100%);
$modal-backdrop-opacity: 0;
//Disable default !important behavior
$enable-important-utilities: false;

View file

@ -94,7 +94,7 @@ export default {
+ .list-card-content {
outline: none;
display: block;
display: flex;
position: relative;
p {