[Toast] - BUG - Fixed styles (#1900)

This commit is contained in:
Vincent Salucci 2021-06-16 14:43:48 -05:00 committed by Vincent Salucci
parent 09cfe270a8
commit d5add32d35
1 changed files with 11 additions and 19 deletions

View File

@ -8,36 +8,29 @@ $fa-font-path: "~font-awesome/fonts";
// Toaster
#toast-container {
.toast-close-button {
right: -0.15em;
}
.toast-container {
&.toast-bottom-full-width div.toast {
margin: 0 10px 10px;
width: calc(100% - 20px);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
&:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
}
.toast {
opacity: 1 !important;
background-image: none !important;
border-radius: $border-radius;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
display: flex;
align-items: center;
&:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
&:before {
font-family: FontAwesome;
font-size: 25px;
line-height: 20px;
float: left;
color: #ffffff;
padding-right: 10px;
margin: auto 0 auto -36px;
margin: auto 0 auto 15px;
}
.toast-content {
padding: 15px;
}
.toaster-icon {
@ -63,7 +56,6 @@ $fa-font-path: "~font-awesome/fonts";
&:before {
content: "\f0e7";
margin-left: -30px;
}
}