omnia-sass 3.5.22 → 3.5.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omnia-sass",
-  "version": "3.5.22",
+  "version": "3.5.60",
   "description": "",
   "directories": {
     "lib": "lib"

package/src/modeler/render/components/EditorSidebar/style.scss

@@ -85,14 +85,12 @@ $editor-sidebar-tab-header-height: 42px;
     height: #{$editor-sidebar-panel-header-height};
     width: 100%;
   }
-
-  .panel-content-border {
-  }
 }
 
 /* width */
 ::-webkit-scrollbar {
   width: 10px;
+  height: 10px;
 }
 
 /* Track */

package/src/modeler/render/pages/Queries/style.scss

@@ -1,6 +1,149 @@
+$footerHeight: 50px;
+$advancedEditor-sidebar-container-header-height: 24px;
+
 #form-field-expression {
   height: 50vh !important;
 }
 #form-field-content {
   height: 70vh !important;
-}
+}
+
+.advancedEditor-container {
+  overflow-y: scroll;
+  height: calc(100vh - #{$footerHeight} - #{$topbar-height} - 40px - 55px - 2px);
+
+  .advancedEditor-sidebar-container {
+    margin: 0.25rem;
+    border: 1px solid $gray-600;
+    overflow-x: hidden;
+    overflow-y: hidden;
+  }
+}
+
+.viewsTree-content {
+  overflow-y: auto;
+  overflow-x: auto;
+  height: 50vh;
+}
+
+.viewNode {
+  width: auto;
+  white-space: nowrap;
+}
+
+.d-grid {
+  display: grid;
+}
+
+.viewsTree-header {
+  background-color: $gray-600;
+  color: $gray-100;
+  padding: 0 0.5rem;
+  height: #{$advancedEditor-sidebar-container-header-height};
+  width: 100%;
+}
+
+.viewNode-content {
+  margin-left: 1rem;
+}
+
+.viewNode-container {
+  padding-left: 1rem;
+  background-color: $gray-100;
+}
+
+.viewNode-column {
+  padding-left: 0.5rem;
+  display: flex;
+  &:hover {
+    background-color: $primary;
+    color: $white;
+    small {
+      color: $white;
+    }
+  }
+  small {
+    color: $gray-500;
+    padding-left: 0.25rem;
+  }
+}
+
+.expand-icon,
+.viewNode-division,
+.viewNode-header {
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.fit-content {
+  height: fit-content;
+}
+
+.viewNode-header {
+  width: 100%;
+  display: inline-flex;
+  &:not(:hover) {
+    .table-icon {
+      display: none;
+    }
+  }
+  &:hover {
+    background-color: $primary;
+    color: $white;
+    .table-icon {
+      display: inline-block;
+    }
+  }
+}
+
+.viewNode-division {
+  background-color: $gray-500;
+  color: $gray-100;
+  &:hover {
+    background-color: $primary;
+    color: $white;
+  }
+  display: flex;
+  height: fit-content;
+}
+
+.advancedEditor-testResult {
+  width: 100%;
+  top: 0;
+}
+
+.advancedEditor-testResultRow {
+  margin-right: 0;
+}
+
+.advancedEditor-testResultTable {
+  margin-right: 0;
+  margin-left: 0;
+}
+
+.advancedEditor-messages {
+  width: 100%;
+}
+
+.advancedEditor-footer {
+  position: relative;
+  bottom: 0;
+  height: $footerHeight;
+  width: 100%;
+}
+
+.footer-warningMessage {
+  align-self: center;
+  margin-right: 1rem;
+  border: solid $warning;
+  border-radius: 1rem;
+  padding: 0.1rem 0.5rem 0.1rem !important;
+  &:hover {
+    cursor: default;
+  }
+}
+
+#expression_help {
+  color: $secondary;
+}

package/src/shared/render/components/Element/style.scss

@@ -496,19 +496,20 @@ tfoot .element-required-indicator-footer {
   }
   thead th {
     position: relative;
-    .column-resizer {
-      top: 0;
-      right: 0;
-      width: 3px;
-      height: 10em;
-      position: absolute;
-      cursor: col-resize;
-      user-select: none;
-      border-right: 1px dashed $table-border-color;
-      &:hover {
-        border-right: 2px dashed darken($table-border-color, 25%);
-      }
-    }
+  }
+}
+
+.column-resizer {
+  top: 0;
+  right: 0;
+  width: 3px;
+  height: 10em;
+  position: absolute;
+  cursor: col-resize;
+  user-select: none;
+  border-right: 1px dashed $table-border-color;
+  &:hover {
+    border-right: 2px dashed darken($table-border-color, 25%);
   }
 }
 
@@ -555,12 +556,28 @@ tfoot .element-required-indicator-footer {
   }
 }
 
+.element-tree-node {
+  width: fit-content;
+  min-width: 100%;
+}
+
 .focused-element:hover *,
 .tree-focused-node:hover,
 .tree-selected-node:hover {
   cursor: pointer !important;
 }
 
+.tree-node {
+  color: $white;
+  &:not(.tree-selected-node) {
+    background-color: $gray-500;
+  }
+}
+
+.sub-element-darken {
+  background-color: $gray-100;
+}
+
 .elements-row-wrapper {
   position: relative;
 }

package/src/shared/render/components/List/style.scss

@@ -96,6 +96,14 @@
           color: $primary;
         }
       }
+      .list-header-label {
+        width: calc(100% - 1.5rem);
+      }
+    }
+    &:not(.list-header-filterable) {
+      .list-header-label {
+        width: calc(100% - 0.25rem);
+      }
     }
     .list-header-label,
     .list-header-filter-button-container {
@@ -108,7 +116,6 @@
       top: -1px;
     }
     .list-header-label {
-      width: calc(100% - 1.5rem);
       overflow-x: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;