Merge pull request #106 from multiversx/em/fixToastDesign

Merge em/fixToastDesign into Development
multiversx · Jan 25, 2024 · fc41583 · fc41583
2 parents 11cbf44 + 81172e0
commit fc41583
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 0 deletions.
diff --git a/src/assets/sass/plugins/sdk-sc-explorer/_dappCoreOverrides.scss b/src/assets/sass/plugins/sdk-sc-explorer/_dappCoreOverrides.scss
@@ -0,0 +1,48 @@
+@import './variables';
+
+.dapp-core-component__transactionsToastList-styles__toasts {
+    border-radius: 0.45rem !important;
+    background-color: #242526 !important;
+    bottom: 2rem !important;
+    color:#fff;
+    position:fixed !important;
+    padding: 1rem !important;
+
+    .dapp-core-component__styles__content {
+      color: #fff !important;
+    }
+
+    .dapp-core-component__transactionStatusToastStyles__transactions-status-toast-icon {
+      width: 3rem !important;
+      min-width: 3rem !important;
+      height: 3rem !important;
+      padding: 0 !important;
+      margin-right: 0.25rem;
+      svg {
+        width: 25px !important;
+      }
+    }
+
+    .dapp-core-component__customToast-styles__close {
+      opacity: 1;
+      margin-right: 0.675rem !important;
+      &:hover {
+        opacity: 0.75;
+      }
+      svg {
+        color: red !important;
+        fill: red !important;
+      }
+    }
+
+    .dapp-core-component__main__warning {
+      background-color: red !important;
+    }
+  }
+
+  .toast-messages {
+    .dapp-core-component__transactionsToastList-styles__toasts {
+      left: 0 !important;
+      bottom: 0 !important;
+    }
+  }
diff --git a/src/assets/sass/plugins/sdk-sc-explorer/sdk-sc-explorer.scss b/src/assets/sass/plugins/sdk-sc-explorer/sdk-sc-explorer.scss
@@ -18,3 +18,4 @@
 @import './tabs';
 @import './tooltip';
 @import './type-field';
+@import './dappCoreOverrides';