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

This commit is contained in:
Vincent Salucci 2021-06-16 14:43:48 -05:00 committed by GitHub
parent 5251ed2853
commit 8a75d0a1cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 19 deletions

View File

@ -8,36 +8,29 @@ $fa-font-path: "~font-awesome/fonts";
// Toaster // Toaster
#toast-container { .toast-container {
.toast-close-button {
right: -0.15em;
}
&.toast-bottom-full-width div.toast { &.toast-bottom-full-width div.toast {
margin: 0 10px 10px; margin: 0 10px 10px;
width: calc(100% - 20px); 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 { .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 { &:before {
font-family: FontAwesome; font-family: FontAwesome;
font-size: 25px; font-size: 25px;
line-height: 20px; line-height: 20px;
float: left; float: left;
color: #ffffff; color: #ffffff;
padding-right: 10px; margin: auto 0 auto 15px;
margin: auto 0 auto -36px; }
.toast-content {
padding: 15px;
} }
.toaster-icon { .toaster-icon {
@ -63,7 +56,6 @@ $fa-font-path: "~font-awesome/fonts";
&:before { &:before {
content: "\f0e7"; content: "\f0e7";
margin-left: -30px;
} }
} }