diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss index 73845e5cc..f8e1c50f1 100644 --- a/src/styles/common-styles.scss +++ b/src/styles/common-styles.scss @@ -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; + } +} diff --git a/src/styles/shared-input-button-styles.scss b/src/styles/shared-input-button-styles.scss index 9af066bb0..07329fc71 100644 --- a/src/styles/shared-input-button-styles.scss +++ b/src/styles/shared-input-button-styles.scss @@ -9,6 +9,7 @@ position: relative; z-index: 5; @include box-shadow-hover($blue-300); + border-radius: 0.5rem; } } } diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss index 1e95a4052..976e8ed04 100644 --- a/src/styles/ux-variables.scss +++ b/src/styles/ux-variables.scss @@ -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; diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue index 7755249ab..ee8785022 100644 --- a/src/ux-components/list-card/list-card.vue +++ b/src/ux-components/list-card/list-card.vue @@ -94,7 +94,7 @@ export default { + .list-card-content { outline: none; - display: block; + display: flex; position: relative; p {