Skip to content
Snippets Groups Projects
Commit 724cede2 authored by Hartung, Michael's avatar Hartung, Michael
Browse files

add z index to toast

parent 33e665e0
No related branches found
No related tags found
No related merge requests found
......@@ -9,6 +9,7 @@
}
.toast {
z-index: $toast-z;
position: relative;
max-width: 60vw;
padding: 10px 15px;
......
@import "toast";
#appWindow {
@import "../../node_modules/bulma/bulma";
@import "../../node_modules/bulma/bulma";
// bulma variables
......
.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;
}
......@@ -65,4 +65,5 @@ $text-small-font-size: 11px;
$toast-z: 100;
$fullscreen-z: 2147483647;
$fullscreen-z: 2147483646;
$toast-z: 2147483647;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment