omnia-sass 3.5.27 → 3.5.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/modeler/render/components/EditorSidebar/style.scss +1 -3
  3. package/src/modeler/render/pages/Queries/style.scss +111 -6
  4. package/src/shared/render/components/Element/style.scss +16 -0
  5. package/src/shared/render/components/FormField/style.scss +11 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "omnia-sass",
3
- "version": "3.5.27",
3
+ "version": "3.5.67",
4
4
  "description": "",
5
5
  "directories": {
6
6
  "lib": "lib"
package/src/modeler/render/components/EditorSidebar/style.scss CHANGED
@@ -85,14 +85,12 @@ $editor-sidebar-tab-header-height: 42px;
85
85
  height: #{$editor-sidebar-panel-header-height};
86
86
  width: 100%;
87
87
  }
88
-
89
- .panel-content-border {
90
- }
91
88
  }
92
89
 
93
90
  /* width */
94
91
  ::-webkit-scrollbar {
95
92
  width: 10px;
93
+ height: 10px;
96
94
  }
97
95
 
98
96
  /* Track */
package/src/modeler/render/pages/Queries/style.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  $footerHeight: 50px;
2
+ $advancedEditor-sidebar-container-header-height: 24px;
2
3
 
3
4
  #form-field-expression {
4
5
  height: 50vh !important;
@@ -7,30 +8,125 @@ $footerHeight: 50px;
7
8
  height: 70vh !important;
8
9
  }
9
10
 
10
- .advancededitor-container {
11
+ .advancedEditor-container {
11
12
  overflow-y: scroll;
12
13
  height: calc(100vh - #{$footerHeight} - #{$topbar-height} - 40px - 55px - 2px);
14
+
15
+ .advancedEditor-sidebar-container {
16
+ margin: 0.25rem;
17
+ border: 1px solid $gray-600;
18
+ overflow-x: hidden;
19
+ overflow-y: hidden;
20
+ }
21
+ }
22
+
23
+ .viewsTree-content {
24
+ overflow-y: auto;
25
+ overflow-x: auto;
26
+ height: 50vh;
27
+ }
28
+
29
+ .viewNode {
30
+ width: auto;
31
+ white-space: nowrap;
32
+ }
33
+
34
+ .d-grid {
35
+ display: grid;
13
36
  }
14
37
 
15
- .advancededitor-testResult {
38
+ .viewsTree-header {
39
+ background-color: $gray-600;
40
+ color: $gray-100;
41
+ padding: 0 0.5rem;
42
+ height: #{$advancedEditor-sidebar-container-header-height};
43
+ width: 100%;
44
+ }
45
+
46
+ .viewNode-content {
47
+ margin-left: 1rem;
48
+ }
49
+
50
+ .viewNode-container {
51
+ padding-left: 1rem;
52
+ background-color: $gray-100;
53
+ }
54
+
55
+ .viewNode-column {
56
+ padding-left: 0.5rem;
57
+ display: flex;
58
+ &:hover {
59
+ background-color: $primary;
60
+ color: $white;
61
+ small {
62
+ color: $white;
63
+ }
64
+ }
65
+ small {
66
+ color: $gray-500;
67
+ padding-left: 0.25rem;
68
+ }
69
+ }
70
+
71
+ .expand-icon,
72
+ .viewNode-division,
73
+ .viewNode-header {
74
+ &:hover {
75
+ cursor: pointer;
76
+ }
77
+ }
78
+
79
+ .fit-content {
80
+ height: fit-content;
81
+ }
82
+
83
+ .viewNode-header {
84
+ width: 100%;
85
+ display: inline-flex;
86
+ &:not(:hover) {
87
+ .table-icon {
88
+ display: none;
89
+ }
90
+ }
91
+ &:hover {
92
+ background-color: $primary;
93
+ color: $white;
94
+ .table-icon {
95
+ display: inline-block;
96
+ }
97
+ }
98
+ }
99
+
100
+ .viewNode-division {
101
+ background-color: $gray-500;
102
+ color: $gray-100;
103
+ &:hover {
104
+ background-color: $primary;
105
+ color: $white;
106
+ }
107
+ display: flex;
108
+ height: fit-content;
109
+ }
110
+
111
+ .advancedEditor-testResult {
16
112
  width: 100%;
17
113
  top: 0;
18
114
  }
19
115
 
20
- .advancededitor-testResultRow {
116
+ .advancedEditor-testResultRow {
21
117
  margin-right: 0;
22
118
  }
23
119
 
24
- .advancededitor-testResultTable {
120
+ .advancedEditor-testResultTable {
25
121
  margin-right: 0;
26
122
  margin-left: 0;
27
123
  }
28
124
 
29
- .advancededitor-messages {
125
+ .advancedEditor-messages {
30
126
  width: 100%;
31
127
  }
32
128
 
33
- .advancededitor-footer {
129
+ .advancedEditor-footer {
34
130
  position: relative;
35
131
  bottom: 0;
36
132
  height: $footerHeight;
@@ -48,6 +144,15 @@ $footerHeight: 50px;
48
144
  }
49
145
  }
50
146
 
147
+ .footer-languageCombo {
148
+ align-items: center;
149
+ span,
150
+ select,
151
+ button {
152
+ color: $gray-600;
153
+ }
154
+ }
155
+
51
156
  #expression_help {
52
157
  color: $secondary;
53
158
  }
package/src/shared/render/components/Element/style.scss CHANGED
@@ -556,12 +556,28 @@ tfoot .element-required-indicator-footer {
556
556
  }
557
557
  }
558
558
 
559
+ .element-tree-node {
560
+ width: fit-content;
561
+ min-width: 100%;
562
+ }
563
+
559
564
  .focused-element:hover *,
560
565
  .tree-focused-node:hover,
561
566
  .tree-selected-node:hover {
562
567
  cursor: pointer !important;
563
568
  }
564
569
 
570
+ .tree-node {
571
+ color: $white;
572
+ &:not(.tree-selected-node) {
573
+ background-color: $gray-500;
574
+ }
575
+ }
576
+
577
+ .sub-element-darken {
578
+ background-color: $gray-100;
579
+ }
580
+
565
581
  .elements-row-wrapper {
566
582
  position: relative;
567
583
  }
package/src/shared/render/components/FormField/style.scss CHANGED
@@ -353,6 +353,17 @@ table .checkmark {
353
353
  }
354
354
  }
355
355
 
356
+ .form-field-code {
357
+ .code-editor {
358
+ min-height: 50vh;
359
+ height: 100%;
360
+ section {
361
+ min-height: 50vh;
362
+ }
363
+ padding-bottom: 2rem;
364
+ }
365
+ }
366
+
356
367
  @media (max-width: map-get($grid-breakpoints, 'sm')) {
357
368
  .form-field {
358
369
  .DayPicker_weekHeader_li,