diff --git a/src/app/components/toast/toast.component.scss b/src/app/components/toast/toast.component.scss index c55ca2888f84089e7401f341dc9ba457069403e1..746624e38842f2bdb140690d827a9544266d9ec1 100644 --- a/src/app/components/toast/toast.component.scss +++ b/src/app/components/toast/toast.component.scss @@ -9,6 +9,7 @@ } .toast { + z-index: $toast-z; position: relative; max-width: 60vw; padding: 10px 15px; diff --git a/src/stylesheets/bulma.scss b/src/stylesheets/bulma.scss index 1047cdd46d8e4531cb309f05e09c2bc64279a50f..0cbf1198fb7feeaa8203731ff38bcb4fb4564e03 100644 --- a/src/stylesheets/bulma.scss +++ b/src/stylesheets/bulma.scss @@ -1,8 +1,6 @@ -@import "toast"; - #appWindow { - @import "../../node_modules/bulma/bulma"; + @import "../../node_modules/bulma/bulma"; // bulma variables diff --git a/src/stylesheets/toast.scss b/src/stylesheets/toast.scss deleted file mode 100644 index 5b40b1a87a9aebcd6e34c82f6ac24dcaa93b6fcc..0000000000000000000000000000000000000000 --- a/src/stylesheets/toast.scss +++ /dev/null @@ -1,70 +0,0 @@ -.notification { - background-color: #f5f5f5; - border-radius: 4px; - position: relative; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; - font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif; - font-weight: 400; - font-size: 1em; - line-height: 1.5; -} - -.notification.is-success{ - background-color: var(--drgstn-success); - color: var(--drgstn-text-secondary); -} - -.notification.is-danger{ - background-color: var(--drgstn-danger); - color: var(--drgstn-text-secondary); -} - -.notification>.delete{ - right: .5rem; - position: absolute; - top: .5rem; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: hsla(0,0%,4%,.2); - border: none; - border-radius: 290486px; - cursor: pointer; - pointer-events: auto; - display: inline-block; - flex-grow: 0; - flex-shrink: 0; - font-size: 0; - height: 20px; - max-height: 20px; - max-width: 20px; - min-height: 20px; - min-width: 20px; - outline: none; - //position: relative; - vertical-align: top; - width: 20px; -} - -.notification>.delete:before { - height: 2px; - width: 50%; -} -.notification>.delete:after { - height: 50%; - width: 2px; -} - -.notification>.delete:after, .notification>.delete:before{ - background-color: #fff; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; -} diff --git a/src/stylesheets/variables.scss b/src/stylesheets/variables.scss index 6048c20185c531d918529580d9e67d61f0acb44c..93a9ab0380f2d390beee98d9b7257b31995d6e11 100644 --- a/src/stylesheets/variables.scss +++ b/src/stylesheets/variables.scss @@ -65,4 +65,5 @@ $text-small-font-size: 11px; $toast-z: 100; -$fullscreen-z: 2147483647; +$fullscreen-z: 2147483646; +$toast-z: 2147483647;