From 724cede2591a0ce5d051e557a8dbdd7adbfbd390 Mon Sep 17 00:00:00 2001
From: "Hartung, Michael" <michael.hartung@uni-hamburg.de>
Date: Tue, 13 Sep 2022 20:21:01 +0200
Subject: [PATCH] add z index to toast
---
src/app/components/toast/toast.component.scss | 1 +
src/stylesheets/bulma.scss | 4 +-
src/stylesheets/toast.scss | 70 -------------------
src/stylesheets/variables.scss | 3 +-
4 files changed, 4 insertions(+), 74 deletions(-)
delete mode 100644 src/stylesheets/toast.scss
diff --git a/src/app/components/toast/toast.component.scss b/src/app/components/toast/toast.component.scss
index c55ca288..746624e3 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 1047cdd4..0cbf1198 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 5b40b1a8..00000000
--- 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 6048c201..93a9ab03 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;
--
GitLab