@openziti/ziti-console-lib 0.6.8 → 0.7.0

package/assets/scripts/components/codemirror/codemirror.css

@@ -3,7 +3,7 @@
 .CodeMirror {
   /* Set height, width, borders, and global font properties here */
   font-family: monospace;
-  height: 300px;
+  height: 18.75rem;
   color: black;
   direction: ltr;
 }
@@ -11,11 +11,11 @@
 /* PADDING */
 
 .CodeMirror-lines {
-  padding: 4px 0; /* Vertical padding around content */
+  padding: 0.25rem 0; /* Vertical padding around content */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
-  padding: 0 4px; /* Horizontal padding of content */
+  padding: 0 0.25rem; /* Horizontal padding of content */
 }
 
 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
@@ -25,14 +25,14 @@
 /* GUTTER */
 
 .CodeMirror-gutters {
-  border-right: 1px solid #ddd;
+  border-right: 0.0625rem solid #ddd;
   background-color: #f7f7f7;
   white-space: nowrap;
 }
 .CodeMirror-linenumbers {}
 .CodeMirror-linenumber {
-  padding: 0 3px 0 5px;
-  min-width: 20px;
+  padding: 0 0.1875rem 0 0.3125rem;
+  min-width: 1.25rem;
   text-align: right;
   color: #999;
   white-space: nowrap;
@@ -44,13 +44,13 @@
 /* CURSOR */
 
 .CodeMirror-cursor {
-  border-left: 1px solid black;
+  border-left: 0.0625rem solid black;
   border-right: none;
   width: 0;
 }
 /* Shown when moving in bi-directional text */
 .CodeMirror div.CodeMirror-secondarycursor {
-  border-left: 1px solid silver;
+  border-left: 0.0625rem solid silver;
 }
 .cm-fat-cursor .CodeMirror-cursor {
   width: auto;
@@ -97,11 +97,11 @@
 
 .CodeMirror-rulers {
   position: absolute;
-  left: 0; right: 0; top: -50px; bottom: 0;
+  left: 0; right: 0; top: -3.125rem; bottom: 0;
   overflow: hidden;
 }
 .CodeMirror-ruler {
-  border-left: 1px solid #ccc;
+  border-left: 0.0625rem solid #ccc;
   top: 0; bottom: 0;
   position: absolute;
 }
@@ -142,7 +142,7 @@
 .cm-s-default .cm-error {color: #f00;}
 .cm-invalidchar {color: #f00;}
 
-.CodeMirror-composing { border-bottom: 2px solid; }
+.CodeMirror-composing { border-bottom: 0.125rem solid; }
 
 /* Default styles for common addons */
 
@@ -159,29 +159,29 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
     position: relative;
     overflow: hidden;
     background: white;
-    border-radius: 10px;
+    border-radius: 0.625rem;
     border-color: var(--border);
-    border-width: 2px;
-    height: 450px;
-    font-size: 12px;
+    border-width: 0.125rem;
+    height: 28.125rem;
+    font-size: 0.75rem;
     border-style: solid;
-    border-top-left-radius: 0px;
-    border-bottom-left-radius: 0px;
+    border-top-left-radius: 0rem;
+    border-bottom-left-radius: 0rem;
 }
 
 .CodeMirror-scroll {
   overflow: scroll !important; /* Things will break if this is overridden */
-  /* 30px is the magic margin used to hide the element's real scrollbars */
+  /* 1.875rem is the magic margin used to hide the element's real scrollbars */
   /* See overflow: hidden in .CodeMirror */
-  margin-bottom: -30px; margin-right: -30px;
-  padding-bottom: 30px;
+  margin-bottom: -1.875rem; margin-right: -1.875rem;
+  padding-bottom: 1.875rem;
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
 }
 .CodeMirror-sizer {
   position: relative;
-  border-right: 30px solid transparent;
+  border-right: 1.875rem solid transparent;
 }
 
 /* The fake, visible scrollbars. Used to force redraw during scrolling
@@ -219,7 +219,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   height: 100%;
   display: inline-block;
   vertical-align: top;
-  margin-bottom: -30px;
+  margin-bottom: -1.875rem;
 }
 .CodeMirror-gutter-wrapper {
   position: absolute;
@@ -242,7 +242,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
 
 .CodeMirror-lines {
   cursor: text;
-  min-height: 1px; /* prevents collapsing before first draw */
+  min-height: 0.0625rem; /* prevents collapsing before first draw */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
@@ -280,7 +280,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
 .CodeMirror-linewidget {
   position: relative;
   z-index: 2;
-  padding: 0.1px; /* Force widget margins to stay inside of the container */
+  padding: 0.006rem; /* Force widget margins to stay inside of the container */
 }
 
 .CodeMirror-widget {}
@@ -340,7 +340,7 @@ div.CodeMirror-dragcursors {
 }
 
 /* Used to force a border model for a node */
-.cm-force-border { padding-right: .1px; }
+.cm-force-border { padding-right: .0.0625rem; }
 
 @media print {
   /* Hide the cursor when printing */

package/assets/scripts/components/codemirror/modes/addons/show-hint.css

@@ -5,13 +5,13 @@
   list-style: none;
 
   margin: 0;
-  padding: 2px;
+  padding: 0.125rem;
 
-  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
-  border-radius: 3px;
-  border: 1px solid silver;
+  -webkit-box-shadow: 0.125rem 0.1875rem 0.3125rem rgba(0,0,0,.2);
+  -moz-box-shadow: 0.125rem 0.1875rem 0.3125rem rgba(0,0,0,.2);
+  box-shadow: 0.125rem 0.1875rem 0.3125rem rgba(0,0,0,.2);
+  border-radius: 0.1875rem;
+  border: 0.0625rem solid silver;
 
   background: white;
   font-size: 90%;
@@ -23,8 +23,8 @@
 
 .CodeMirror-hint {
   margin: 0;
-  padding: 0 4px;
-  border-radius: 2px;
+  padding: 0 0.25rem;
+  border-radius: 0.125rem;
   white-space: pre;
   color: black;
   cursor: pointer;

package/assets/scripts/components/column.css

@@ -1,7 +1,7 @@
 .nfchart {
-    width: 300px;
+    width: 18.75rem;
     height: 90vh;
-    margin-top:20px;
+    margin-top:1.25rem;
     margin-left: auto;
     margin-right: auto;
     position: relative;
@@ -13,7 +13,7 @@
 
 .nfchart .nfcolumn {
     position: absolute;
-    width: 300px;
+    width: 18.75rem;
     transition: 0.5s;
     cursor: pointer;
 }
@@ -37,35 +37,35 @@
 
 .nfside.right {
     left: unset;
-    right: -320px;
+    right: -20rem;
     text-align: left;
 }
 
 .nfside {
     opacity: 0.0;
     transition: 0.5s;
-    left: -320px;
+    left: -20rem;
     width: 100%;
     text-align: right;
-    top: 50px;
+    top: 3.125rem;
     position: absolute;
 }
 
 .nfside .sub {
     color: var(--black);
-    font-size: 12px;
-    margin-bottom: 5px;
+    font-size: 0.75rem;
+    margin-bottom: 0.3125rem;
 }
 
 .nfside .label {
     color: var(--primary);
-    font-size: 14px;
-    margin-bottom: -4px;
+    font-size: 0.875rem;
+    margin-bottom: -0.25rem;
 }
 
 .nfside .value {
     color: var(--black);
-    font-size: 12px;    
+    font-size: 0.75rem;    
 }
 
 .nfchart .nfcolumn.selected:hover {
@@ -80,12 +80,12 @@
     position: relative;
     display: inline-block;
     width: 100%;
-    min-height: 94px;
+    min-height: 5.875rem;
 }
 
 .nfchart .nfcolumn .nftop {
     width: 100%;
-    height: 72px;
+    height: 4.5rem;
     border-radius: 100%;
     position: absolute;
     z-index: 3;
@@ -93,19 +93,19 @@
 
 .nfchart .nfcolumn .nfmiddle {
     width: 100%;
-    top: 36px;
-    bottom: 36px;
+    top: 2.25rem;
+    bottom: 2.25rem;
     position: absolute;
     z-index: 2;
 }
 
 .nfchart .nfcolumn .nfmiddle .ngleftlabel {
-    font-size: 18px;
+    font-size: 1.125rem;
     position: absolute;
-    left: -320px;
+    left: -20rem;
     color: var(--black);
     text-align: right;
-    width: 300px;
+    width: 18.75rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -113,7 +113,7 @@
 }
 
 .nfchart .nfcategory {
-    font-size: 24px;
+    font-size: 1.5rem;
     position: absolute;
     margin-left: auto;
     margin-right: auto;
@@ -121,14 +121,14 @@
     text-align: left;
     white-space: nowrap;
     transform: rotate(-90deg);
-    padding-bottom: 260px;
-    height: 300px;
+    padding-bottom: 16.25rem;
+    height: 18.75rem;
 }
 
 .nfchart .nfcategory .nfsuper {
-    font-size: 12px;
+    font-size: 0.75rem;
     position: absolute;
-    top: -6px;
+    top: -0.375rem;
     white-space: nowrap;
 }
 
@@ -138,12 +138,12 @@
 }
 
 .nfchart .nfcolumn .nfmiddle .ngrightlabel {
-    font-size: 18px;
+    font-size: 1.125rem;
     position: absolute;
-    right: -320px;
+    right: -20rem;
     color: var(--black);
     text-align: left;
-    width: 300px;
+    width: 18.75rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -152,10 +152,10 @@
 
 .nfchart .nfcolumn .nfbottom {
     width: 100%;
-    height: 72px;
+    height: 4.5rem;
     border-radius: 100%;
     position: absolute;
-    bottom: 0px;
+    bottom: 0rem;
     z-index: 1;
 }