bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-19 01:33:33 +00:00
Code Issues Releases Wiki Activity

Replace toaster library (#1322)

Browse Source
This commit is contained in:
Oscar Hinton
2021-12-07 19:41:45 +00:00
committed by GitHub
parent 35a7d6434a
commit d5c0783619
87 changed files with 336 additions and 508 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/scss/styles.scss
View File

@@ -40,7 +40,7 @@
@import "~bootstrap/scss/_utilities";
@import "~bootstrap/scss/_print";
@import "~angular2-toaster/toaster";
@import '~ngx-toastr/toastr';
@import "~font-awesome/scss/font-awesome.scss";
@import "~sweetalert2/src/sweetalert2.scss";

47
src/scss/toasts.scss
View File

@@ -1,40 +1,34 @@
.toast-container {
&.toast-top-right {
top: 76px;
}
.toast-close-button {
font-size: 18px;
margin-right: 4px;
}
.toast {
.ngx-toastr {
align-items: center;
background-image: none !important;
border-radius: $border-radius;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
display: flex;
opacity: 1 !important;
padding: 15px;
.toast-close-button {
position: absolute;
right: 5px;
top: 0;
}
&:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
&:before {
color: #FFFFFF;
.icon i::before {
float: left;
font-style: normal;
font-family: FontAwesome;
font-size: 25px;
line-height: 20px;
margin: auto 0 auto 15px;
}
.toast-content {
padding: 15px;
}
.toaster-icon {
display: none;
padding-right: 15px;
}
.toast-message {
@@ -48,7 +42,6 @@
}
&.toast-danger, &.toast-error {
background-image: none !important;
@include themify($themes) {
background-color: themed('danger');
}
@@ -59,13 +52,12 @@
}
}
&:before {
.icon i::before {
content: "\f0e7";
}
}
&.toast-warning {
background-image: none !important;
@include themify($themes) {
background-color: themed('warning');
}
@@ -76,13 +68,12 @@
}
}
&:before {
.icon i::before {
content: "\f071";
}
}
&.toast-info {
background-image: none !important;
@include themify($themes) {
background-color: themed('info');
}
@@ -93,13 +84,12 @@
}
}
&:before {
.icon i:before {
content: "\f05a";
}
}
&.toast-success {
background-image: none !important;
@include themify($themes) {
background-color: themed('success');
}
@@ -110,16 +100,9 @@
}
}
&:before {
.icon i:before {
content: "\f00C";
}
}
}
.layout_frontend .toast-top-right {
top: 20px;
}
}
.layout_frontend .toast-top-right {
top: 20px;
}