CSR-1426 disable Bootstrap !important behavior.
Also disable page scroll when modal is open.
This commit is contained in:
parent
bbfa2e361d
commit
9d0d2af361
4 changed files with 11 additions and 1 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@
|
|||
position: relative;
|
||||
z-index: 5;
|
||||
@include box-shadow-hover($blue-300);
|
||||
border-radius: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@ export default {
|
|||
|
||||
+ .list-card-content {
|
||||
outline: none;
|
||||
display: block;
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
||||
p {
|
||||
|
|
|
|||
Loading…
Reference in a new issue