X-Git-Url: https://git.josue.xyz/?p=VSoRC%2F.git;a=blobdiff_plain;f=styles%2Ftopology.css;fp=styles%2Ftopology.css;h=5ea85e7a9fa107cc30f44e45188b98b9aee3ce24;hp=13d8d63ab59f0bb517f507cf092272fd324ebe1f;hb=8bd25d906f766566ceee02d3d70e9890689a4c1a;hpb=4ff4cfab60fd88f431c88603d57612fc489dc62f

diff --git a/styles/topology.css b/styles/topology.css
index 13d8d63..5ea85e7 100644
--- a/styles/topology.css
+++ b/styles/topology.css
@@ -17,6 +17,28 @@ svg {
   height: 60px;
 }
 
+#snackbar {
+    visibility: hidden;
+    min-width: 250px; 
+    margin-left: -125px; /* min-width / 2 */
+    background-color: var(--pcolor-0);
+    color: white;
+    text-align: center;
+    border-radius: 5px;
+    padding: 16px;
+    position: fixed; /* Sit on top of the screen */
+    z-index: 1;
+    left: 50%; /* Center the snackbar */
+    bottom: 30px;
+}
+
+#snackbar.show {
+    visibility: visible; /* Show the snackbar */
+    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+    animation: fadein 0.5s, fadeout 0.5s 2.5s;
+}
+
+
 text.label {
   fill: var(--scolor-4);
   text-anchor: start;