diff --git a/src/app/components/popover/popover.component.scss b/src/app/components/popover/popover.component.scss index e69de29..7c05f44 100644 --- a/src/app/components/popover/popover.component.scss +++ b/src/app/components/popover/popover.component.scss @@ -0,0 +1,4 @@ +.popover-size { + max-height: 430px !important; + min-height: 200px !important; +} diff --git a/src/app/components/sidebar/sidebar.component.scss b/src/app/components/sidebar/sidebar.component.scss index 6f43a5d..6675a60 100644 --- a/src/app/components/sidebar/sidebar.component.scss +++ b/src/app/components/sidebar/sidebar.component.scss @@ -2,6 +2,3 @@ font-size: 12px; } -app-sidebar { - background-color: red !important; -} diff --git a/src/assets/scss/bootstrap-override.scss b/src/assets/scss/bootstrap-override.scss index 981b779..83d6f58 100644 --- a/src/assets/scss/bootstrap-override.scss +++ b/src/assets/scss/bootstrap-override.scss @@ -1,17 +1,22 @@ @import "../../../node_modules/bootstrap/scss/functions"; @import "../../../node_modules/bootstrap/scss/variables"; +@import "../../../node_modules/bootstrap/scss/bootstrap.scss"; $theme-colors: ( - primary: #2872ae, - light: white + primary: #2872ae !important, + light: white !important ); +$primary: #2872ae !important; + .popover { - min-width: 470px !important; - max-width: auto !important; + transform: translate3d(-464px, 0, -34px) !important; + min-width: 200px !important; + max-width: 525px !important; border: none !important; border-radius: 1.5rem !important; padding: 0 !important; + background-color: #2872ae; .popover-body { padding: 0 !important; } @@ -19,27 +24,25 @@ $theme-colors: ( .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { - border-left-color: #2872ae !important; // Any color here + border-left-color: #2872ae !important; } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { - border-right-color: #2872ae !important; // Any color here + border-right-color: #2872ae !important; } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { - border-top-color: #2872ae !important; // Any color here + border-top-color: #2872ae !important; } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { - border-bottom-color: #2872ae !important; // Any color here + border-bottom-color: #2872ae !important; } .list-group-item.active { background-color: #2872ae !important; border-color: #2872ae !important; } - -@import "../../../node_modules/bootstrap/scss/bootstrap.scss"; diff --git a/src/styles.scss b/src/styles.scss index 831079d..eb14c9b 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,5 +1,6 @@ @import "./assets/scss/animation.scss"; @import "./assets/scss/bootstrap-override.scss"; +@import "../node_modules/bootstrap/scss/_variables.scss"; html, body { @@ -20,7 +21,7 @@ body { } .blue-gradient { - background: linear-gradient(0deg, #8093a4, #fcfcfc); + background: linear-gradient(0deg, #ffffff00, $white); } .rounded { @@ -57,8 +58,10 @@ body { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); + background-color: $white; } &::-webkit-scrollbar-thumb { + box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); outline: 1px solid slategrey; border-radius: 10px; @@ -87,10 +90,25 @@ body { background-color: white !important; } -.carousel-indicators li{ - width: 10px !important; - height: 10px !important; - border-radius: 15px !important; - border-top: black !important; - border-bottom: black !important; +.text-purple { + color: $purple; +} + +.vh-70 { + min-height: auto !important; + max-height: 70vh !important; +} + +.vh-60 { + min-height: auto !important; + max-height: 60vh !important; +} + +.spinner-lg{ + width: 3rem !important; + height: 3rem !important; +} + +.sidebar { + right: 0; }