#352 Templating 3

NASA-AMMOS · Mar 18, 2023 · ce3ebdd · ce3ebdd
1 parent 4793799
commit ce3ebdd
Show file tree

Hide file tree

Showing 2 changed files with 84 additions and 81 deletions.
diff --git a/src/css/mmgisUI.css b/src/css/mmgisUI.css
@@ -634,120 +634,123 @@
     --handle2: #08ea77;
     --handle3: #ff2b66;
     --handle4: #f5d556;
-  }
-  
-  /* slider handle color overrides
+}
+
+/* slider handle color overrides
   /* ****************************** */
-  .svelteSlider .rangeHandle {
+.svelteSlider .rangeHandle {
     --handle-focus: var(--handle);
     --handle-inactive: var(--handle);
     --handle-border: var(--handle);
-  }
-  
-  .svelteSlider .rangeHandle:nth-of-type(1) {
+}
+
+.svelteSlider .rangeHandle:nth-of-type(1) {
     --handle: var(--handle1);
-  }
-  
-  .svelteSlider .rangeHandle:nth-of-type(2) {
+}
+
+.svelteSlider .rangeHandle:nth-of-type(2) {
     --handle: var(--handle2);
-  }
-  
-  .svelteSlider .rangeHandle:nth-of-type(3) {
+}
+
+.svelteSlider .rangeHandle:nth-of-type(3) {
     --handle: var(--handle3);
-  }
-  
-  .svelteSlider .rangeHandle:nth-of-type(4) {
+}
+
+.svelteSlider .rangeHandle:nth-of-type(4) {
     --handle: var(--handle4);
-  }
-  
-  /* shared slider styles
+}
+
+/* shared slider styles
   /* ****************************** */
-  .svelteSlider {
+.svelteSlider {
     height: 3px;
     font-size: 14px;
-  }
-  
-  .svelteSlider .rangeNub {
+}
+
+.svelteSlider .rangeNub {
     opacity: 0.5;
-  }
-  .svelteSlider.focus .rangeNub, .svelteSlider:hover .rangeNub {
+}
+.svelteSlider.focus .rangeNub,
+.svelteSlider:hover .rangeNub {
     opacity: 0.75;
-  }
-  .svelteSlider .rangeHandle.active .rangeNub {
+}
+.svelteSlider .rangeHandle.active .rangeNub {
     opacity: 1;
-  }
-  
-  .svelteSlider.rangeFloat {
+}
+
+.svelteSlider.rangeFloat {
     opacity: 0.5;
     background: transparent;
-  }
-  
-  .svelteSliderr.focus .rangeFloat {
+}
+
+.svelteSliderr.focus .rangeFloat {
     opacity: 1;
-  }
-
+}
 
-
-  /* second slider styling
+/* second slider styling
   /* ****************************** */
-  .svelteSlider .rangeHandle {
+.svelteSlider .rangeHandle {
     width: 15px;
     height: 15px;
     top: 1px;
-  }
-  .svelteSlider .rangeHandle .rangeNub {
+}
+.svelteSlider .rangeHandle .rangeNub {
     opacity: 1;
-  }
-  
-  /* pips under sliders styling
+}
+
+/* pips under sliders styling
   /* ****************************** */
-  .svelteSlider .pip {
+.svelteSlider .pip {
     height: 4px;
     font-weight: 200;
-  }
-  .svelteSlider .pip.selected .pipVal {
+}
+.svelteSlider .pip.selected .pipVal {
     font-weight: 300;
-  }
-  .svelteSlider .pip .pipVal {
+}
+.svelteSlider .pip .pipVal {
     display: none;
     font-size: 12px;
     top: 8px;
-  }
-  
-  .svelteSlider .pip:nth-child(5n+1) {
+}
+
+.svelteSlider .pip:nth-child(5n + 1) {
     height: 8px;
-  }
-  .svelteSlider .pip:nth-child(5n+1).selected {
+}
+.svelteSlider .pip:nth-child(5n + 1).selected {
     height: 12px;
-  }
-  .svelteSlider .pip:nth-child(5n+1).selected .pipVal {
+}
+.svelteSlider .pip:nth-child(5n + 1).selected .pipVal {
     top: 12px;
-  }
-  .svelteSlider .pip:nth-child(5n+1) .pipVal {
+}
+.svelteSlider .pip:nth-child(5n + 1) .pipVal {
     display: block;
-  }
-  
-  .svelteSlider .rangeBar {
+}
+
+.svelteSlider .rangeBar {
     height: 3px;
-    background: linear-gradient(90deg, var(--handle1), var(--handle1) 25%, var(--handle2) 75%, var(--handle2));
-  }
-
-  .svelteSlider .rangePips .pip,
-  .svelteSlider.rangePips .pipVal {
+    background: linear-gradient(
+        90deg,
+        var(--handle1),
+        var(--handle1) 25%,
+        var(--handle2) 75%,
+        var(--handle2)
+    );
+}
+
+.svelteSlider .rangePips .pip,
+.svelteSlider.rangePips .pipVal {
     transition: all 0.66s ease-out;
-  }
-  
-  .svelteSlider .rangePips .pip.selected,
-  .svelteSlider .rangePips .pip.selected .pipVal {
+}
+
+.svelteSlider .rangePips .pip.selected,
+.svelteSlider .rangePips .pip.selected .pipVal {
     transition: none;
-  }
-  
-  .svelteSlider.range .rangePips .pip.selected,
-  .svelteSlider.range .rangePips .pip.selected .pipVal {
+}
+
+.svelteSlider.range .rangePips .pip.selected,
+.svelteSlider.range .rangePips .pip.selected .pipVal {
     transition: all 0.15s ease;
-  }
-
-
+}
 
 /*Custom Scrollbar for webkit*/
 .mmgisScrollbar::-webkit-scrollbar-track {
@@ -1483,7 +1486,7 @@ input::-webkit-inner-spin-button {
 .mmgis-checkbox.small label {
     width: 16px;
     height: 16px;
-} 
+}
 @media (pointer: fine) and (hover: hover) {
     .mmgis-checkbox label:hover {
         background-color: var(--color-j);
@@ -1550,7 +1553,7 @@ input::-webkit-inner-spin-button {
 }
 #toast-container {
     position: fixed !important;
-    bottom: 40px!important;
+    bottom: 40px !important;
     right: 5px !important;
 }
 .mmgisToast {
@@ -1560,12 +1563,12 @@ input::-webkit-inner-spin-button {
     width: auto;
     margin-top: 10px;
     position: relative;
-    max-width:100%;
+    max-width: 100%;
     height: auto;
     line-height: 1.5em;
     background-color: var(--color-mmgis);
     padding: 10px 25px;
-/*
+    /*
     font-size: 1.1rem;
     font-weight: 300;
 */

diff --git a/src/essence/Ancillary/Modal.css b/src/essence/Ancillary/Modal.css
@@ -6,7 +6,7 @@
     width: 100%;
     height: 100%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5));
-    z-index: 999999;
+    z-index: 9998;
     opacity: 0;
 }