power-compass 0.4.0 → 0.5.0
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.
- checksums.yaml +4 -4
- data/Rakefile +1 -1
- data/app/assets/builds/compass/layout.css +824 -0
- data/app/assets/stylesheets/compass/navigation/_header.scss +4 -0
- data/app/assets/stylesheets/compass/navigation/_sidebar.scss +12 -42
- data/app/components/compass/layout/header/dropdown_menu.html.erb +3 -3
- data/app/components/compass/layout/header/dropdown_menu.rb +19 -11
- data/app/components/compass/layout/header/tasks_menu.html.erb +1 -3
- data/lib/compass/engine.rb +0 -9
- data/lib/compass/version.rb +1 -1
- data/vendor/assets/stylesheets/compass/layout.css +34 -54
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5753df1c61c46c1413b053a6ce32138691f67b07b2e2ef50b5e36e3a624b339d
|
|
4
|
+
data.tar.gz: 4a440ea630ff3fa9e973d7ae61345d109a100bb615826965e665106016103eb0
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6d68fbd95ed31075e531a83fd978711d8c6e079531d9d7ce43fd72c4a48331a70a23d946b61a07e8ca2d1c7c627d7d39bba8fb261caf0b75d0657d64e40fcbfc
|
|
7
|
+
data.tar.gz: ae7659740f051521dc563433501796f75166aec05600db41ea541925018bf58fc3774f2686669626675c541c99eec45a06fa8e53154c57eb0eb2e2b3bcd5b313
|
data/Rakefile
CHANGED
|
@@ -24,7 +24,7 @@ namespace :compass do
|
|
|
24
24
|
asset = env["compass/layout.css"]
|
|
25
25
|
raise "Could not compile compass/layout.css" unless asset
|
|
26
26
|
|
|
27
|
-
out = File.join(gem_root, "
|
|
27
|
+
out = File.join(gem_root, "app", "assets", "builds", "compass", "layout.css")
|
|
28
28
|
FileUtils.mkdir_p(File.dirname(out))
|
|
29
29
|
File.write(out, asset.source)
|
|
30
30
|
puts "Wrote #{out}"
|
|
@@ -0,0 +1,824 @@
|
|
|
1
|
+
|
|
2
|
+
/* Default Equations */
|
|
3
|
+
/* Penner Equations (approximated) originally created by @robpenner */
|
|
4
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
5
|
+
/*=====================================
|
|
6
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
7
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
8
|
+
Do not document base values; document usage only.
|
|
9
|
+
=====================================*/
|
|
10
|
+
/* Text Colors ----------------------*/
|
|
11
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
12
|
+
/* Input Background Colors ----------------------*/
|
|
13
|
+
/* Input Border Colors ----------------------*/
|
|
14
|
+
/* Status Text and Icon colors ----------------------*/
|
|
15
|
+
/* Status Background colors ----------------------*/
|
|
16
|
+
/* Status Icon Background colors ----------------------*/
|
|
17
|
+
/* Status Border colors ----------------------*/
|
|
18
|
+
/*=====================================
|
|
19
|
+
Base colors should not be documented.
|
|
20
|
+
Only document color use.
|
|
21
|
+
|
|
22
|
+
Colors -----------------------------*/
|
|
23
|
+
/* Specialty Gradient -----------------*/
|
|
24
|
+
/* Interface colors -------------------*/
|
|
25
|
+
/* Main colors ------------------------*/
|
|
26
|
+
/*=====================================
|
|
27
|
+
|
|
28
|
+
Background colors ------------------*/
|
|
29
|
+
/* Card colors ------------------*/
|
|
30
|
+
/* Active colors ----------------------*/
|
|
31
|
+
/* Hover colors -----------------------*/
|
|
32
|
+
/* Focus colors -----------------------*/
|
|
33
|
+
/* Border colors ----------------------*/
|
|
34
|
+
/* Shadow colors ----------------------*/
|
|
35
|
+
/* Text colors ------------------------*/
|
|
36
|
+
/* Data colors ------------------------*/
|
|
37
|
+
/* Status colors ----------------------*/
|
|
38
|
+
/* Link colors ------------------------*/
|
|
39
|
+
/* Product colors ---------------------*/
|
|
40
|
+
/* Category colors ---------------------*/
|
|
41
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
42
|
+
/*=====================================
|
|
43
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
44
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
45
|
+
Do not document base values; document usage only.
|
|
46
|
+
=====================================*/
|
|
47
|
+
/* Text Colors ----------------------*/
|
|
48
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
49
|
+
/* Input Background Colors ----------------------*/
|
|
50
|
+
/* Input Border Colors ----------------------*/
|
|
51
|
+
/* Status Text and Icon colors ----------------------*/
|
|
52
|
+
/* Status Background colors ----------------------*/
|
|
53
|
+
/* Status Icon Background colors ----------------------*/
|
|
54
|
+
/* Status Border colors ----------------------*/
|
|
55
|
+
/*=====================================
|
|
56
|
+
Base colors should not be documented.
|
|
57
|
+
Only document color use.
|
|
58
|
+
|
|
59
|
+
Colors -----------------------------*/
|
|
60
|
+
/* Specialty Gradient -----------------*/
|
|
61
|
+
/* Interface colors -------------------*/
|
|
62
|
+
/* Main colors ------------------------*/
|
|
63
|
+
/*=====================================
|
|
64
|
+
|
|
65
|
+
Background colors ------------------*/
|
|
66
|
+
/* Card colors ------------------*/
|
|
67
|
+
/* Active colors ----------------------*/
|
|
68
|
+
/* Hover colors -----------------------*/
|
|
69
|
+
/* Focus colors -----------------------*/
|
|
70
|
+
/* Border colors ----------------------*/
|
|
71
|
+
/* Shadow colors ----------------------*/
|
|
72
|
+
/* Text colors ------------------------*/
|
|
73
|
+
/* Data colors ------------------------*/
|
|
74
|
+
/* Status colors ----------------------*/
|
|
75
|
+
/* Link colors ------------------------*/
|
|
76
|
+
/* Product colors ---------------------*/
|
|
77
|
+
/* Category colors ---------------------*/
|
|
78
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
79
|
+
/*=====================================
|
|
80
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
81
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
82
|
+
Do not document base values; document usage only.
|
|
83
|
+
=====================================*/
|
|
84
|
+
/* Text Colors ----------------------*/
|
|
85
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
86
|
+
/* Input Background Colors ----------------------*/
|
|
87
|
+
/* Input Border Colors ----------------------*/
|
|
88
|
+
/* Status Text and Icon colors ----------------------*/
|
|
89
|
+
/* Status Background colors ----------------------*/
|
|
90
|
+
/* Status Icon Background colors ----------------------*/
|
|
91
|
+
/* Status Border colors ----------------------*/
|
|
92
|
+
/*=====================================
|
|
93
|
+
Base colors should not be documented.
|
|
94
|
+
Only document color use.
|
|
95
|
+
|
|
96
|
+
Colors -----------------------------*/
|
|
97
|
+
/* Specialty Gradient -----------------*/
|
|
98
|
+
/* Interface colors -------------------*/
|
|
99
|
+
/* Main colors ------------------------*/
|
|
100
|
+
/*=====================================
|
|
101
|
+
|
|
102
|
+
Background colors ------------------*/
|
|
103
|
+
/* Card colors ------------------*/
|
|
104
|
+
/* Active colors ----------------------*/
|
|
105
|
+
/* Hover colors -----------------------*/
|
|
106
|
+
/* Focus colors -----------------------*/
|
|
107
|
+
/* Border colors ----------------------*/
|
|
108
|
+
/* Shadow colors ----------------------*/
|
|
109
|
+
/* Text colors ------------------------*/
|
|
110
|
+
/* Data colors ------------------------*/
|
|
111
|
+
/* Status colors ----------------------*/
|
|
112
|
+
/* Link colors ------------------------*/
|
|
113
|
+
/* Product colors ---------------------*/
|
|
114
|
+
/* Category colors ---------------------*/
|
|
115
|
+
/* CLEAN UP AND REMOVE */
|
|
116
|
+
/* Headings */
|
|
117
|
+
/* Standard Font Weights */
|
|
118
|
+
/* Non_Standard Font Weights */
|
|
119
|
+
/* Link Colors */
|
|
120
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
121
|
+
/*=====================================
|
|
122
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
123
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
124
|
+
Do not document base values; document usage only.
|
|
125
|
+
=====================================*/
|
|
126
|
+
/* Text Colors ----------------------*/
|
|
127
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
128
|
+
/* Input Background Colors ----------------------*/
|
|
129
|
+
/* Input Border Colors ----------------------*/
|
|
130
|
+
/* Status Text and Icon colors ----------------------*/
|
|
131
|
+
/* Status Background colors ----------------------*/
|
|
132
|
+
/* Status Icon Background colors ----------------------*/
|
|
133
|
+
/* Status Border colors ----------------------*/
|
|
134
|
+
/*=====================================
|
|
135
|
+
Base colors should not be documented.
|
|
136
|
+
Only document color use.
|
|
137
|
+
|
|
138
|
+
Colors -----------------------------*/
|
|
139
|
+
/* Specialty Gradient -----------------*/
|
|
140
|
+
/* Interface colors -------------------*/
|
|
141
|
+
/* Main colors ------------------------*/
|
|
142
|
+
/*=====================================
|
|
143
|
+
|
|
144
|
+
Background colors ------------------*/
|
|
145
|
+
/* Card colors ------------------*/
|
|
146
|
+
/* Active colors ----------------------*/
|
|
147
|
+
/* Hover colors -----------------------*/
|
|
148
|
+
/* Focus colors -----------------------*/
|
|
149
|
+
/* Border colors ----------------------*/
|
|
150
|
+
/* Shadow colors ----------------------*/
|
|
151
|
+
/* Text colors ------------------------*/
|
|
152
|
+
/* Data colors ------------------------*/
|
|
153
|
+
/* Status colors ----------------------*/
|
|
154
|
+
/* Link colors ------------------------*/
|
|
155
|
+
/* Product colors ---------------------*/
|
|
156
|
+
/* Category colors ---------------------*/
|
|
157
|
+
/* line 7, ../../app/assets/stylesheets/compass/navigation/_recent-crumbs.scss */
|
|
158
|
+
.nitro-navigation #main-crumbs {
|
|
159
|
+
background: #05274f;
|
|
160
|
+
padding: 0;
|
|
161
|
+
border: 0;
|
|
162
|
+
border-radius: 0;
|
|
163
|
+
height: 30px;
|
|
164
|
+
min-height: 30px;
|
|
165
|
+
margin: 0;
|
|
166
|
+
overflow: hidden;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
170
|
+
/*=====================================
|
|
171
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
172
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
173
|
+
Do not document base values; document usage only.
|
|
174
|
+
=====================================*/
|
|
175
|
+
/* Text Colors ----------------------*/
|
|
176
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
177
|
+
/* Input Background Colors ----------------------*/
|
|
178
|
+
/* Input Border Colors ----------------------*/
|
|
179
|
+
/* Status Text and Icon colors ----------------------*/
|
|
180
|
+
/* Status Background colors ----------------------*/
|
|
181
|
+
/* Status Icon Background colors ----------------------*/
|
|
182
|
+
/* Status Border colors ----------------------*/
|
|
183
|
+
/*=====================================
|
|
184
|
+
Base colors should not be documented.
|
|
185
|
+
Only document color use.
|
|
186
|
+
|
|
187
|
+
Colors -----------------------------*/
|
|
188
|
+
/* Specialty Gradient -----------------*/
|
|
189
|
+
/* Interface colors -------------------*/
|
|
190
|
+
/* Main colors ------------------------*/
|
|
191
|
+
/*=====================================
|
|
192
|
+
|
|
193
|
+
Background colors ------------------*/
|
|
194
|
+
/* Card colors ------------------*/
|
|
195
|
+
/* Active colors ----------------------*/
|
|
196
|
+
/* Hover colors -----------------------*/
|
|
197
|
+
/* Focus colors -----------------------*/
|
|
198
|
+
/* Border colors ----------------------*/
|
|
199
|
+
/* Shadow colors ----------------------*/
|
|
200
|
+
/* Text colors ------------------------*/
|
|
201
|
+
/* Data colors ------------------------*/
|
|
202
|
+
/* Status colors ----------------------*/
|
|
203
|
+
/* Link colors ------------------------*/
|
|
204
|
+
/* Product colors ---------------------*/
|
|
205
|
+
/* Category colors ---------------------*/
|
|
206
|
+
/* CLEAN UP AND REMOVE */
|
|
207
|
+
/* Headings */
|
|
208
|
+
/* Standard Font Weights */
|
|
209
|
+
/* Non_Standard Font Weights */
|
|
210
|
+
/* Link Colors */
|
|
211
|
+
/* line 5, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
212
|
+
.nitro-navigation .navigation-topbar-label {
|
|
213
|
+
position: absolute;
|
|
214
|
+
left: 60px;
|
|
215
|
+
font-size: 0.75em;
|
|
216
|
+
font-weight: bold;
|
|
217
|
+
color: #FFF;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
@media screen and (max-width: 574px) {
|
|
221
|
+
/* line 5, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
222
|
+
.nitro-navigation .navigation-topbar-label {
|
|
223
|
+
left: 40px;
|
|
224
|
+
bottom: 2px;
|
|
225
|
+
font-size: 11px;
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
/* line 18, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
230
|
+
.nitro-navigation .navigation-topbar-label > * {
|
|
231
|
+
padding: .15em .8em;
|
|
232
|
+
-webkit-font-smoothing: antialiased;
|
|
233
|
+
-moz-osx-font-smoothing: grayscale;
|
|
234
|
+
line-height: 1;
|
|
235
|
+
white-space: nowrap;
|
|
236
|
+
border-radius: .25em;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
/* line 26, ../../app/assets/stylesheets/compass/navigation/_label.scss */
|
|
240
|
+
.nitro-navigation .navigation-topbar-label > *:last-child {
|
|
241
|
+
margin-left: 5px;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
/* line 1, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
245
|
+
.page-container {
|
|
246
|
+
display: flex;
|
|
247
|
+
flex-direction: column;
|
|
248
|
+
justify-content: flex-start;
|
|
249
|
+
align-items: stretch;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
/* line 6, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
253
|
+
.page-container.page-container-mobile {
|
|
254
|
+
height: 100%;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
/* line 9, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
258
|
+
.page-container #main-view {
|
|
259
|
+
display: flex;
|
|
260
|
+
flex-direction: row;
|
|
261
|
+
justify-content: flex-start;
|
|
262
|
+
align-items: stretch;
|
|
263
|
+
flex-grow: 1;
|
|
264
|
+
padding: 0;
|
|
265
|
+
margin: 0;
|
|
266
|
+
position: relative;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
/* line 18, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
270
|
+
.page-container #main-view .main-page-content {
|
|
271
|
+
flex-grow: 1;
|
|
272
|
+
min-height: 100%;
|
|
273
|
+
overflow-y: visible;
|
|
274
|
+
padding: 30px;
|
|
275
|
+
position: relative;
|
|
276
|
+
overflow-x: auto;
|
|
277
|
+
position: static;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
/* line 27, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
281
|
+
.page-container #main-view .main-page-content .container {
|
|
282
|
+
width: 100%;
|
|
283
|
+
max-width: 1187px;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
/* line 34, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
287
|
+
.page-container #main-view .main-page-content.full {
|
|
288
|
+
padding: 0;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
/* line 38, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
292
|
+
.page-container #main-view .main-page-content::after {
|
|
293
|
+
content: "";
|
|
294
|
+
width: 100%;
|
|
295
|
+
display: block;
|
|
296
|
+
float: none;
|
|
297
|
+
clear: both;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
/* line 48, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
301
|
+
.page-container #main-view.full-width .main-page-content {
|
|
302
|
+
padding: 0;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
/* line 54, ../../app/assets/stylesheets/compass/navigation/_main-page-content.scss */
|
|
306
|
+
.page-container::after {
|
|
307
|
+
content: "";
|
|
308
|
+
width: 100%;
|
|
309
|
+
display: block;
|
|
310
|
+
float: none;
|
|
311
|
+
clear: both;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
315
|
+
/*=====================================
|
|
316
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
317
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
318
|
+
Do not document base values; document usage only.
|
|
319
|
+
=====================================*/
|
|
320
|
+
/* Text Colors ----------------------*/
|
|
321
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
322
|
+
/* Input Background Colors ----------------------*/
|
|
323
|
+
/* Input Border Colors ----------------------*/
|
|
324
|
+
/* Status Text and Icon colors ----------------------*/
|
|
325
|
+
/* Status Background colors ----------------------*/
|
|
326
|
+
/* Status Icon Background colors ----------------------*/
|
|
327
|
+
/* Status Border colors ----------------------*/
|
|
328
|
+
/*=====================================
|
|
329
|
+
Base colors should not be documented.
|
|
330
|
+
Only document color use.
|
|
331
|
+
|
|
332
|
+
Colors -----------------------------*/
|
|
333
|
+
/* Specialty Gradient -----------------*/
|
|
334
|
+
/* Interface colors -------------------*/
|
|
335
|
+
/* Main colors ------------------------*/
|
|
336
|
+
/*=====================================
|
|
337
|
+
|
|
338
|
+
Background colors ------------------*/
|
|
339
|
+
/* Card colors ------------------*/
|
|
340
|
+
/* Active colors ----------------------*/
|
|
341
|
+
/* Hover colors -----------------------*/
|
|
342
|
+
/* Focus colors -----------------------*/
|
|
343
|
+
/* Border colors ----------------------*/
|
|
344
|
+
/* Shadow colors ----------------------*/
|
|
345
|
+
/* Text colors ------------------------*/
|
|
346
|
+
/* Data colors ------------------------*/
|
|
347
|
+
/* Status colors ----------------------*/
|
|
348
|
+
/* Link colors ------------------------*/
|
|
349
|
+
/* Product colors ---------------------*/
|
|
350
|
+
/* Category colors ---------------------*/
|
|
351
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
352
|
+
/*=====================================
|
|
353
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
354
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
355
|
+
Do not document base values; document usage only.
|
|
356
|
+
=====================================*/
|
|
357
|
+
/* Text Colors ----------------------*/
|
|
358
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
359
|
+
/* Input Background Colors ----------------------*/
|
|
360
|
+
/* Input Border Colors ----------------------*/
|
|
361
|
+
/* Status Text and Icon colors ----------------------*/
|
|
362
|
+
/* Status Background colors ----------------------*/
|
|
363
|
+
/* Status Icon Background colors ----------------------*/
|
|
364
|
+
/* Status Border colors ----------------------*/
|
|
365
|
+
/*=====================================
|
|
366
|
+
Base colors should not be documented.
|
|
367
|
+
Only document color use.
|
|
368
|
+
|
|
369
|
+
Colors -----------------------------*/
|
|
370
|
+
/* Specialty Gradient -----------------*/
|
|
371
|
+
/* Interface colors -------------------*/
|
|
372
|
+
/* Main colors ------------------------*/
|
|
373
|
+
/*=====================================
|
|
374
|
+
|
|
375
|
+
Background colors ------------------*/
|
|
376
|
+
/* Card colors ------------------*/
|
|
377
|
+
/* Active colors ----------------------*/
|
|
378
|
+
/* Hover colors -----------------------*/
|
|
379
|
+
/* Focus colors -----------------------*/
|
|
380
|
+
/* Border colors ----------------------*/
|
|
381
|
+
/* Shadow colors ----------------------*/
|
|
382
|
+
/* Text colors ------------------------*/
|
|
383
|
+
/* Data colors ------------------------*/
|
|
384
|
+
/* Status colors ----------------------*/
|
|
385
|
+
/* Link colors ------------------------*/
|
|
386
|
+
/* Product colors ---------------------*/
|
|
387
|
+
/* Category colors ---------------------*/
|
|
388
|
+
/* CLEAN UP AND REMOVE */
|
|
389
|
+
/* Headings */
|
|
390
|
+
/* Standard Font Weights */
|
|
391
|
+
/* Non_Standard Font Weights */
|
|
392
|
+
/* Link Colors */
|
|
393
|
+
/* line 8, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
394
|
+
.main-page-sidebar {
|
|
395
|
+
transition: width 0.2s ease;
|
|
396
|
+
flex-grow: 0;
|
|
397
|
+
flex-shrink: 0;
|
|
398
|
+
height: calc(100vh - 92px);
|
|
399
|
+
background: white;
|
|
400
|
+
border-right: 1px solid #E4E8F0;
|
|
401
|
+
position: sticky;
|
|
402
|
+
position: -webkit-sticky;
|
|
403
|
+
top: 92px;
|
|
404
|
+
left: 0;
|
|
405
|
+
z-index: 1000;
|
|
406
|
+
transition: all 0.2s ease-out;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
/* line 22, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
410
|
+
.main-page-sidebar .nitro_sidebar {
|
|
411
|
+
height: 100%;
|
|
412
|
+
width: 100%;
|
|
413
|
+
overflow-x: hidden;
|
|
414
|
+
overflow-y: auto;
|
|
415
|
+
scrollbar-width: none;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
/* line 29, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
419
|
+
.main-page-sidebar .nitro_sidebar > div:first-child {
|
|
420
|
+
height: 100%;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
/* line 34, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
424
|
+
.main-page-sidebar .nitro_sidebar [class^="pb_nav_list"][class*="_vertical"][class*="_normal"]
|
|
425
|
+
[class*="pb_nav_list_kit_item"][class*="pb_nav_list_item"][class*="_active"][class*="_highlighted_border_none"] {
|
|
426
|
+
box-shadow: inset 3px 0 0 #0056cf !important;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
/* line 40, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
430
|
+
.main-page-sidebar .nitro_sidebar .pb_collapsible_content_kit .pb_nav_list_item_link {
|
|
431
|
+
padding-left: 47px !important;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
/* line 45, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
435
|
+
.main-page-sidebar .nitro_sidebar .collapsed_nav_icon_container {
|
|
436
|
+
font-size: 17.5px;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
/* line 49, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
440
|
+
.main-page-sidebar .nitro_sidebar .pb_nav_list_item_text_collapsible {
|
|
441
|
+
overflow: hidden;
|
|
442
|
+
display: -webkit-box;
|
|
443
|
+
line-clamp: 1;
|
|
444
|
+
-webkit-box-orient: vertical;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
/* line 57, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
448
|
+
.main-page-sidebar .nitro_sidebar .collapsible_nav_wrapper_active .pb_collapsible_content_kit {
|
|
449
|
+
box-shadow: inset 3px 0 0 #0056CF !important;
|
|
450
|
+
background-color: #f7fbff;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
/* line 62, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
454
|
+
.main-page-sidebar .nitro_sidebar .pb_collapsible_content_kit {
|
|
455
|
+
margin-left: unset !important;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
/* line 65, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
459
|
+
.main-page-sidebar .nitro_sidebar .pb_nav_list_item_icon_left,
|
|
460
|
+
.main-page-sidebar .nitro_sidebar .pb_nav_list_item_icon_left_collapsible {
|
|
461
|
+
color: #687887 !important;
|
|
462
|
+
font-size: 17.5px !important;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
/* line 70, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
466
|
+
.main-page-sidebar .nitro_sidebar [class^="pb_nav_list"][class*="_vertical"][class*="_normal"]
|
|
467
|
+
[class*="pb_nav_list_kit_item"][class*="pb_nav_list_item"][class*="_link"]:hover
|
|
468
|
+
[class*="_icon"] {
|
|
469
|
+
color: #0056CF !important;
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
@media only screen and (max-width: 574px) {
|
|
473
|
+
/* line 79, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
474
|
+
.main-page-sidebar {
|
|
475
|
+
position: fixed;
|
|
476
|
+
top: 0;
|
|
477
|
+
left: -420px;
|
|
478
|
+
max-width: 420px;
|
|
479
|
+
height: 100vh;
|
|
480
|
+
z-index: 5000;
|
|
481
|
+
padding-top: 92px;
|
|
482
|
+
}
|
|
483
|
+
/* line 88, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
484
|
+
.main-page-sidebar.mobile-open {
|
|
485
|
+
left: 0;
|
|
486
|
+
width: 100%;
|
|
487
|
+
}
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
/* line 8, ../../app/assets/stylesheets/compass/navigation/_spinner.scss */
|
|
491
|
+
.page-container #spinner {
|
|
492
|
+
position: absolute;
|
|
493
|
+
top: calc(92px + 16px);
|
|
494
|
+
right: 16px;
|
|
495
|
+
left: auto;
|
|
496
|
+
bottom: auto;
|
|
497
|
+
z-index: 10012;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
/* line 16, ../../app/assets/stylesheets/compass/navigation/_spinner.scss */
|
|
501
|
+
.page-container #spinner .badge {
|
|
502
|
+
display: inline-block;
|
|
503
|
+
background: rgba(249, 250, 251, 0.7);
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
/* line 21, ../../app/assets/stylesheets/compass/navigation/_spinner.scss */
|
|
507
|
+
.page-container #spinner .badge svg path {
|
|
508
|
+
fill: #004976;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
512
|
+
/*=====================================
|
|
513
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
514
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
515
|
+
Do not document base values; document usage only.
|
|
516
|
+
=====================================*/
|
|
517
|
+
/* Text Colors ----------------------*/
|
|
518
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
519
|
+
/* Input Background Colors ----------------------*/
|
|
520
|
+
/* Input Border Colors ----------------------*/
|
|
521
|
+
/* Status Text and Icon colors ----------------------*/
|
|
522
|
+
/* Status Background colors ----------------------*/
|
|
523
|
+
/* Status Icon Background colors ----------------------*/
|
|
524
|
+
/* Status Border colors ----------------------*/
|
|
525
|
+
/*=====================================
|
|
526
|
+
Base colors should not be documented.
|
|
527
|
+
Only document color use.
|
|
528
|
+
|
|
529
|
+
Colors -----------------------------*/
|
|
530
|
+
/* Specialty Gradient -----------------*/
|
|
531
|
+
/* Interface colors -------------------*/
|
|
532
|
+
/* Main colors ------------------------*/
|
|
533
|
+
/*=====================================
|
|
534
|
+
|
|
535
|
+
Background colors ------------------*/
|
|
536
|
+
/* Card colors ------------------*/
|
|
537
|
+
/* Active colors ----------------------*/
|
|
538
|
+
/* Hover colors -----------------------*/
|
|
539
|
+
/* Focus colors -----------------------*/
|
|
540
|
+
/* Border colors ----------------------*/
|
|
541
|
+
/* Shadow colors ----------------------*/
|
|
542
|
+
/* Text colors ------------------------*/
|
|
543
|
+
/* Data colors ------------------------*/
|
|
544
|
+
/* Status colors ----------------------*/
|
|
545
|
+
/* Link colors ------------------------*/
|
|
546
|
+
/* Product colors ---------------------*/
|
|
547
|
+
/* Category colors ---------------------*/
|
|
548
|
+
/* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
|
|
549
|
+
/*=====================================
|
|
550
|
+
Accessible Color Tokens (WCAG-compliant)
|
|
551
|
+
Source of truth for new color tokens, starting with accessible text, border, input, and status colors.
|
|
552
|
+
Do not document base values; document usage only.
|
|
553
|
+
=====================================*/
|
|
554
|
+
/* Text Colors ----------------------*/
|
|
555
|
+
/* Input Text & Icon Colors ----------------------*/
|
|
556
|
+
/* Input Background Colors ----------------------*/
|
|
557
|
+
/* Input Border Colors ----------------------*/
|
|
558
|
+
/* Status Text and Icon colors ----------------------*/
|
|
559
|
+
/* Status Background colors ----------------------*/
|
|
560
|
+
/* Status Icon Background colors ----------------------*/
|
|
561
|
+
/* Status Border colors ----------------------*/
|
|
562
|
+
/*=====================================
|
|
563
|
+
Base colors should not be documented.
|
|
564
|
+
Only document color use.
|
|
565
|
+
|
|
566
|
+
Colors -----------------------------*/
|
|
567
|
+
/* Specialty Gradient -----------------*/
|
|
568
|
+
/* Interface colors -------------------*/
|
|
569
|
+
/* Main colors ------------------------*/
|
|
570
|
+
/*=====================================
|
|
571
|
+
|
|
572
|
+
Background colors ------------------*/
|
|
573
|
+
/* Card colors ------------------*/
|
|
574
|
+
/* Active colors ----------------------*/
|
|
575
|
+
/* Hover colors -----------------------*/
|
|
576
|
+
/* Focus colors -----------------------*/
|
|
577
|
+
/* Border colors ----------------------*/
|
|
578
|
+
/* Shadow colors ----------------------*/
|
|
579
|
+
/* Text colors ------------------------*/
|
|
580
|
+
/* Data colors ------------------------*/
|
|
581
|
+
/* Status colors ----------------------*/
|
|
582
|
+
/* Link colors ------------------------*/
|
|
583
|
+
/* Product colors ---------------------*/
|
|
584
|
+
/* Category colors ---------------------*/
|
|
585
|
+
/* line 8, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
586
|
+
.nitro-navigation {
|
|
587
|
+
position: sticky;
|
|
588
|
+
position: -webkit-sticky;
|
|
589
|
+
top: 0;
|
|
590
|
+
right: 0;
|
|
591
|
+
width: 100%;
|
|
592
|
+
z-index: 10010;
|
|
593
|
+
}
|
|
594
|
+
|
|
595
|
+
/* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
596
|
+
.nitro-navigation .compass-logo {
|
|
597
|
+
display: block;
|
|
598
|
+
max-height: 32px;
|
|
599
|
+
}
|
|
600
|
+
|
|
601
|
+
@media screen and (max-width: 574px) {
|
|
602
|
+
/* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
603
|
+
.nitro-navigation .compass-logo {
|
|
604
|
+
display: none;
|
|
605
|
+
}
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
609
|
+
.nitro-navigation .compass-logo-mobile {
|
|
610
|
+
display: none;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
@media screen and (max-width: 574px) {
|
|
614
|
+
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
615
|
+
.nitro-navigation .compass-logo-mobile {
|
|
616
|
+
display: block;
|
|
617
|
+
}
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
/* line 33, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
621
|
+
.nitro-navigation .navigation-topbar {
|
|
622
|
+
margin: 0;
|
|
623
|
+
border-bottom: 0;
|
|
624
|
+
position: relative;
|
|
625
|
+
height: 60px;
|
|
626
|
+
box-sizing: border-box;
|
|
627
|
+
display: flex;
|
|
628
|
+
align-items: center;
|
|
629
|
+
justify-content: space-between;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
633
|
+
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
634
|
+
position: static;
|
|
635
|
+
padding: 0 32px;
|
|
636
|
+
color: #FFFFFF;
|
|
637
|
+
margin: 2px;
|
|
638
|
+
flex-basis: 33%;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
@media screen and (max-width: 767px) {
|
|
642
|
+
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
643
|
+
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
644
|
+
padding: 0 8px;
|
|
645
|
+
}
|
|
646
|
+
}
|
|
647
|
+
|
|
648
|
+
@media screen and (max-width: 767px) {
|
|
649
|
+
/* line 56, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
650
|
+
.nitro-navigation .navigation-topbar-center {
|
|
651
|
+
flex: 1;
|
|
652
|
+
}
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
656
|
+
.nitro-navigation .navigation-topbar-right {
|
|
657
|
+
color: #FFFFFF;
|
|
658
|
+
margin: 2px;
|
|
659
|
+
}
|
|
660
|
+
|
|
661
|
+
@media screen and (max-width: 767px) {
|
|
662
|
+
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
663
|
+
.nitro-navigation .navigation-topbar-right {
|
|
664
|
+
flex: 0;
|
|
665
|
+
padding-right: 0px;
|
|
666
|
+
}
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
/* line 70, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
670
|
+
.nitro-navigation .navigation-topbar-right .impersonating {
|
|
671
|
+
border: 2px solid #ff7034;
|
|
672
|
+
}
|
|
673
|
+
|
|
674
|
+
/* line 75, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
675
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container {
|
|
676
|
+
min-width: 280px;
|
|
677
|
+
max-height: calc(100vh - 90px);
|
|
678
|
+
}
|
|
679
|
+
|
|
680
|
+
/* line 79, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
681
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container > [class*="pb_dropdown_option"][class*="selected"] [class^="pb_body"] {
|
|
682
|
+
color: #687887 !important;
|
|
683
|
+
}
|
|
684
|
+
|
|
685
|
+
/* line 84, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
686
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper div[data-dropdown-custom-trigger] {
|
|
687
|
+
display: block !important;
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
/* line 89, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
691
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .pb_dropdown_trigger {
|
|
692
|
+
width: 65px !important;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
/* line 93, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
696
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .icon-caret svg.svg_xs {
|
|
697
|
+
position: relative !important;
|
|
698
|
+
right: 10px !important;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
/* line 100, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
702
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .pb_dropdown_trigger {
|
|
703
|
+
width: 45px !important;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
/* line 104, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
707
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .icon-caret svg.svg_xs {
|
|
708
|
+
position: relative !important;
|
|
709
|
+
right: 5px !important;
|
|
710
|
+
}
|
|
711
|
+
|
|
712
|
+
/* line 110, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
713
|
+
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_trigger img {
|
|
714
|
+
width: 38px;
|
|
715
|
+
border-radius: 1000px;
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
/* line 117, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
719
|
+
.nitro-navigation .navigation-topbar-right .menu-section-options li {
|
|
720
|
+
padding: 0px;
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
/* line 119, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
724
|
+
.nitro-navigation .navigation-topbar-right .menu-section-options li svg {
|
|
725
|
+
margin-right: 8px;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
/* line 123, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
729
|
+
.nitro-navigation .navigation-topbar-right .menu-section-options a {
|
|
730
|
+
color: #687887;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
/* line 126, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
734
|
+
.nitro-navigation .navigation-topbar-right .menu-section-options:hover {
|
|
735
|
+
background-color: #F3F7FB;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
/* line 130, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
739
|
+
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected_focused,
|
|
740
|
+
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected {
|
|
741
|
+
background-color: unset !important;
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
/* line 135, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
745
|
+
.nitro-navigation .navigation-topbar-right [class^="pb_dropdown"] [class*="pb_list_kit"] li {
|
|
746
|
+
padding: 0px !important;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
@media screen and (max-width: 767px) {
|
|
750
|
+
/* line 140, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
751
|
+
.nitro-navigation .navigation-topbar-left {
|
|
752
|
+
flex: 0;
|
|
753
|
+
padding-left: 0px;
|
|
754
|
+
}
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
/* line 147, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
758
|
+
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator {
|
|
759
|
+
width: 1px;
|
|
760
|
+
padding-top: 2px;
|
|
761
|
+
padding-bottom: 2px;
|
|
762
|
+
}
|
|
763
|
+
|
|
764
|
+
/* line 151, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
765
|
+
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::before, .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::after {
|
|
766
|
+
background: rgba(255, 255, 255, 0.1);
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
/* line 156, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
770
|
+
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item {
|
|
771
|
+
white-space: nowrap;
|
|
772
|
+
}
|
|
773
|
+
|
|
774
|
+
/* line 159, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
775
|
+
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover svg,
|
|
776
|
+
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover .pb_detail_kit_color_light.dark {
|
|
777
|
+
color: #FFFFFF !important;
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
/* line 165, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
781
|
+
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:first-child {
|
|
782
|
+
min-width: 59px;
|
|
783
|
+
}
|
|
784
|
+
|
|
785
|
+
/* line 11, ../../app/assets/stylesheets/compass/layout.scss */
|
|
786
|
+
body {
|
|
787
|
+
margin: 0px;
|
|
788
|
+
min-height: 100%;
|
|
789
|
+
height: auto;
|
|
790
|
+
background-color: #F00 !important;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
/* line 18, ../../app/assets/stylesheets/compass/layout.scss */
|
|
794
|
+
html {
|
|
795
|
+
height: 100%;
|
|
796
|
+
}
|
|
797
|
+
|
|
798
|
+
/* line 22, ../../app/assets/stylesheets/compass/layout.scss */
|
|
799
|
+
html, body {
|
|
800
|
+
background: #F3F7FB;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
/* line 28, ../../app/assets/stylesheets/compass/layout.scss */
|
|
804
|
+
.select2-drop {
|
|
805
|
+
z-index: 10014 !important;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
/* line 31, ../../app/assets/stylesheets/compass/layout.scss */
|
|
809
|
+
.popover,
|
|
810
|
+
#colorbox,
|
|
811
|
+
#cboxOverlay,
|
|
812
|
+
#cboxWrapper {
|
|
813
|
+
z-index: 10013 !important;
|
|
814
|
+
}
|
|
815
|
+
|
|
816
|
+
/* line 37, ../../app/assets/stylesheets/compass/layout.scss */
|
|
817
|
+
.modal {
|
|
818
|
+
z-index: 10012 !important;
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
/* line 40, ../../app/assets/stylesheets/compass/layout.scss */
|
|
822
|
+
.modal-backdrop {
|
|
823
|
+
z-index: 10011 !important;
|
|
824
|
+
}
|
|
@@ -75,49 +75,19 @@ $full-nav-height: 92px;
|
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
-
@
|
|
79
|
-
.page-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
z-index: 5000;
|
|
88
|
-
padding-top: $full-nav-height;
|
|
89
|
-
|
|
90
|
-
&-mobile {
|
|
91
|
-
min-height: $navigation-height;
|
|
92
|
-
display: flex;
|
|
93
|
-
color: white;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
&.mobile-open {
|
|
97
|
-
left: 0;
|
|
98
|
-
width: 100%;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
.main-page-content {
|
|
102
|
-
position: relative;
|
|
78
|
+
@media only screen and (max-width: #{$screen-xs-max}) {
|
|
79
|
+
.main-page-sidebar {
|
|
80
|
+
position: fixed;
|
|
81
|
+
top: 0;
|
|
82
|
+
left: -420px;
|
|
83
|
+
max-width: 420px;
|
|
84
|
+
height: 100vh;
|
|
85
|
+
z-index: 5000;
|
|
86
|
+
padding-top: $full-nav-height;
|
|
103
87
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
position: fixed;
|
|
108
|
-
top: 0;
|
|
109
|
-
left: 0;
|
|
110
|
-
width: 100vw;
|
|
111
|
-
height: 100vh;
|
|
112
|
-
background: rgba($text_lt_default, $opacity_3);
|
|
113
|
-
z-index: 4990;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
}
|
|
88
|
+
&.mobile-open {
|
|
89
|
+
left: 0;
|
|
90
|
+
width: 100%;
|
|
117
91
|
}
|
|
118
92
|
}
|
|
119
93
|
}
|
|
120
|
-
|
|
121
|
-
@media only screen and (max-width: #{$screen-xs-max}) {
|
|
122
|
-
@include mobileDeviceMenu;
|
|
123
|
-
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<% if
|
|
1
|
+
<% if content.present? %>
|
|
2
2
|
<%= pb_rails("dropdown", props: options) do %>
|
|
3
3
|
<%= pb_rails("dropdown/dropdown_trigger") do %>
|
|
4
4
|
<%= pb_rails("flex", props: { align_items: "center", cursor: "pointer", classname: icon_wrapper_classname }) do %>
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
<% end %>
|
|
8
8
|
<% end %>
|
|
9
9
|
<%= pb_rails("dropdown/dropdown_container", props: { right: { inset: true, value: "xxs" }, padding_y: "sm" }) do %>
|
|
10
|
-
<%=
|
|
10
|
+
<%= content %>
|
|
11
11
|
<% end %>
|
|
12
12
|
<% end %>
|
|
13
13
|
<% else %>
|
|
14
|
-
|
|
14
|
+
<div data-compass-component="DropdownMenu" data-compass-component-props="<%= react_props.to_json %>"></div>
|
|
15
15
|
<% end %>
|
|
@@ -4,32 +4,40 @@ module Compass
|
|
|
4
4
|
class Layout
|
|
5
5
|
class Header
|
|
6
6
|
class DropdownMenu < ApplicationComponent
|
|
7
|
+
include Compass::ConfigProps
|
|
8
|
+
|
|
7
9
|
prop :icon
|
|
8
|
-
prop :
|
|
10
|
+
prop :image_url
|
|
11
|
+
prop :classname
|
|
12
|
+
prop :filters, default: {}
|
|
9
13
|
prop :options, default: {}
|
|
10
14
|
|
|
11
15
|
private
|
|
12
16
|
|
|
13
|
-
def image?
|
|
14
|
-
icon&.try(:key?, :url)
|
|
15
|
-
end
|
|
16
|
-
|
|
17
17
|
def pb_component
|
|
18
|
-
|
|
18
|
+
image_url.present? ? "image" : "icon"
|
|
19
19
|
end
|
|
20
20
|
|
|
21
21
|
def icon_wrapper_classname
|
|
22
|
-
|
|
22
|
+
image_url.present? ? "image-trigger" : "icon-caret"
|
|
23
23
|
end
|
|
24
24
|
|
|
25
25
|
def icon_props
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
{ icon:, size: "2x", fixed_width: true }
|
|
26
|
+
if image_url.present?
|
|
27
|
+
{ url: image_url }
|
|
29
28
|
else
|
|
30
|
-
icon
|
|
29
|
+
{ icon:, size: "2x", fixed_width: true }
|
|
31
30
|
end
|
|
32
31
|
end
|
|
32
|
+
|
|
33
|
+
def react_props
|
|
34
|
+
{
|
|
35
|
+
**compass_props,
|
|
36
|
+
**(image_url.present? ? { imageUrl: image_url } : { icon: icon }),
|
|
37
|
+
classname: classname,
|
|
38
|
+
filters: filters
|
|
39
|
+
}
|
|
40
|
+
end
|
|
33
41
|
end
|
|
34
42
|
end
|
|
35
43
|
end
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
<div data-compass-component="TaskMenu" data-compass-component-props="<%= { **compass_props, tasksUrl: tasks_url }.to_json %>"></div>
|
|
3
|
-
<% end %>
|
|
1
|
+
<div data-compass-component="TaskMenu" data-compass-component-props="<%= { **compass_props, tasksUrl: tasks_url }.to_json %>"></div>
|
data/lib/compass/engine.rb
CHANGED
|
@@ -32,15 +32,6 @@ module Compass
|
|
|
32
32
|
|
|
33
33
|
initializer "compass.assets" do |app|
|
|
34
34
|
if app.config.respond_to?(:assets)
|
|
35
|
-
if root.join("vendor", "assets", "stylesheets", "compass", "layout.css").exist?
|
|
36
|
-
Compass.logger.info "Using precompiled compass/layout.css"
|
|
37
|
-
app.config.assets.paths << root.join("vendor", "assets", "stylesheets")
|
|
38
|
-
else
|
|
39
|
-
Compass.logger.info "Compiling compass/layout.css from source"
|
|
40
|
-
app.config.assets.paths << root.join("app", "assets", "stylesheets")
|
|
41
|
-
app.config.sass.load_paths << root.join("app", "assets", "stylesheets")
|
|
42
|
-
end
|
|
43
|
-
|
|
44
35
|
app.config.assets.precompile += %w[compass/layout.css]
|
|
45
36
|
end
|
|
46
37
|
end
|
data/lib/compass/version.rb
CHANGED
|
@@ -470,8 +470,8 @@ Background colors ------------------*/
|
|
|
470
470
|
}
|
|
471
471
|
|
|
472
472
|
@media only screen and (max-width: 574px) {
|
|
473
|
-
/* line
|
|
474
|
-
.
|
|
473
|
+
/* line 79, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
474
|
+
.main-page-sidebar {
|
|
475
475
|
position: fixed;
|
|
476
476
|
top: 0;
|
|
477
477
|
left: -420px;
|
|
@@ -480,32 +480,11 @@ Background colors ------------------*/
|
|
|
480
480
|
z-index: 5000;
|
|
481
481
|
padding-top: 92px;
|
|
482
482
|
}
|
|
483
|
-
/* line
|
|
484
|
-
.
|
|
485
|
-
min-height: 60px;
|
|
486
|
-
display: flex;
|
|
487
|
-
color: white;
|
|
488
|
-
}
|
|
489
|
-
/* line 96, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
490
|
-
.page-container #main-view .main-page-sidebar.mobile-open {
|
|
483
|
+
/* line 88, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
484
|
+
.main-page-sidebar.mobile-open {
|
|
491
485
|
left: 0;
|
|
492
486
|
width: 100%;
|
|
493
487
|
}
|
|
494
|
-
/* line 101, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
495
|
-
.page-container #main-view .main-page-content {
|
|
496
|
-
position: relative;
|
|
497
|
-
}
|
|
498
|
-
/* line 105, ../../app/assets/stylesheets/compass/navigation/_sidebar.scss */
|
|
499
|
-
.page-container #main-view .main-page-content.mobile-open::after {
|
|
500
|
-
content: "";
|
|
501
|
-
position: fixed;
|
|
502
|
-
top: 0;
|
|
503
|
-
left: 0;
|
|
504
|
-
width: 100vw;
|
|
505
|
-
height: 100vh;
|
|
506
|
-
background: rgba(36, 43, 66, 0.3);
|
|
507
|
-
z-index: 4990;
|
|
508
|
-
}
|
|
509
488
|
}
|
|
510
489
|
|
|
511
490
|
/* line 8, ../../app/assets/stylesheets/compass/navigation/_spinner.scss */
|
|
@@ -616,6 +595,7 @@ Background colors ------------------*/
|
|
|
616
595
|
/* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
617
596
|
.nitro-navigation .compass-logo {
|
|
618
597
|
display: block;
|
|
598
|
+
max-height: 32px;
|
|
619
599
|
}
|
|
620
600
|
|
|
621
601
|
@media screen and (max-width: 574px) {
|
|
@@ -625,19 +605,19 @@ Background colors ------------------*/
|
|
|
625
605
|
}
|
|
626
606
|
}
|
|
627
607
|
|
|
628
|
-
/* line
|
|
608
|
+
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
629
609
|
.nitro-navigation .compass-logo-mobile {
|
|
630
610
|
display: none;
|
|
631
611
|
}
|
|
632
612
|
|
|
633
613
|
@media screen and (max-width: 574px) {
|
|
634
|
-
/* line
|
|
614
|
+
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
635
615
|
.nitro-navigation .compass-logo-mobile {
|
|
636
616
|
display: block;
|
|
637
617
|
}
|
|
638
618
|
}
|
|
639
619
|
|
|
640
|
-
/* line
|
|
620
|
+
/* line 33, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
641
621
|
.nitro-navigation .navigation-topbar {
|
|
642
622
|
margin: 0;
|
|
643
623
|
border-bottom: 0;
|
|
@@ -649,7 +629,7 @@ Background colors ------------------*/
|
|
|
649
629
|
justify-content: space-between;
|
|
650
630
|
}
|
|
651
631
|
|
|
652
|
-
/* line
|
|
632
|
+
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
653
633
|
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
654
634
|
position: static;
|
|
655
635
|
padding: 0 32px;
|
|
@@ -659,145 +639,145 @@ Background colors ------------------*/
|
|
|
659
639
|
}
|
|
660
640
|
|
|
661
641
|
@media screen and (max-width: 767px) {
|
|
662
|
-
/* line
|
|
642
|
+
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
663
643
|
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
664
644
|
padding: 0 8px;
|
|
665
645
|
}
|
|
666
646
|
}
|
|
667
647
|
|
|
668
648
|
@media screen and (max-width: 767px) {
|
|
669
|
-
/* line
|
|
649
|
+
/* line 56, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
670
650
|
.nitro-navigation .navigation-topbar-center {
|
|
671
651
|
flex: 1;
|
|
672
652
|
}
|
|
673
653
|
}
|
|
674
654
|
|
|
675
|
-
/* line
|
|
655
|
+
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
676
656
|
.nitro-navigation .navigation-topbar-right {
|
|
677
657
|
color: #FFFFFF;
|
|
678
658
|
margin: 2px;
|
|
679
659
|
}
|
|
680
660
|
|
|
681
661
|
@media screen and (max-width: 767px) {
|
|
682
|
-
/* line
|
|
662
|
+
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
683
663
|
.nitro-navigation .navigation-topbar-right {
|
|
684
664
|
flex: 0;
|
|
685
665
|
padding-right: 0px;
|
|
686
666
|
}
|
|
687
667
|
}
|
|
688
668
|
|
|
689
|
-
/* line
|
|
669
|
+
/* line 70, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
690
670
|
.nitro-navigation .navigation-topbar-right .impersonating {
|
|
691
671
|
border: 2px solid #ff7034;
|
|
692
672
|
}
|
|
693
673
|
|
|
694
|
-
/* line
|
|
674
|
+
/* line 75, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
695
675
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container {
|
|
696
676
|
min-width: 280px;
|
|
697
677
|
max-height: calc(100vh - 90px);
|
|
698
678
|
}
|
|
699
679
|
|
|
700
|
-
/* line
|
|
680
|
+
/* line 79, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
701
681
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container > [class*="pb_dropdown_option"][class*="selected"] [class^="pb_body"] {
|
|
702
682
|
color: #687887 !important;
|
|
703
683
|
}
|
|
704
684
|
|
|
705
|
-
/* line
|
|
685
|
+
/* line 84, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
706
686
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper div[data-dropdown-custom-trigger] {
|
|
707
687
|
display: block !important;
|
|
708
688
|
}
|
|
709
689
|
|
|
710
|
-
/* line
|
|
690
|
+
/* line 89, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
711
691
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .pb_dropdown_trigger {
|
|
712
692
|
width: 65px !important;
|
|
713
693
|
}
|
|
714
694
|
|
|
715
|
-
/* line
|
|
695
|
+
/* line 93, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
716
696
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .icon-caret svg.svg_xs {
|
|
717
697
|
position: relative !important;
|
|
718
698
|
right: 10px !important;
|
|
719
699
|
}
|
|
720
700
|
|
|
721
|
-
/* line
|
|
701
|
+
/* line 100, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
722
702
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .pb_dropdown_trigger {
|
|
723
703
|
width: 45px !important;
|
|
724
704
|
}
|
|
725
705
|
|
|
726
|
-
/* line
|
|
706
|
+
/* line 104, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
727
707
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .icon-caret svg.svg_xs {
|
|
728
708
|
position: relative !important;
|
|
729
709
|
right: 5px !important;
|
|
730
710
|
}
|
|
731
711
|
|
|
732
|
-
/* line
|
|
712
|
+
/* line 110, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
733
713
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_trigger img {
|
|
734
714
|
width: 38px;
|
|
735
715
|
border-radius: 1000px;
|
|
736
716
|
}
|
|
737
717
|
|
|
738
|
-
/* line
|
|
718
|
+
/* line 117, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
739
719
|
.nitro-navigation .navigation-topbar-right .menu-section-options li {
|
|
740
720
|
padding: 0px;
|
|
741
721
|
}
|
|
742
722
|
|
|
743
|
-
/* line
|
|
723
|
+
/* line 119, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
744
724
|
.nitro-navigation .navigation-topbar-right .menu-section-options li svg {
|
|
745
725
|
margin-right: 8px;
|
|
746
726
|
}
|
|
747
727
|
|
|
748
|
-
/* line
|
|
728
|
+
/* line 123, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
749
729
|
.nitro-navigation .navigation-topbar-right .menu-section-options a {
|
|
750
730
|
color: #687887;
|
|
751
731
|
}
|
|
752
732
|
|
|
753
|
-
/* line
|
|
733
|
+
/* line 126, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
754
734
|
.nitro-navigation .navigation-topbar-right .menu-section-options:hover {
|
|
755
735
|
background-color: #F3F7FB;
|
|
756
736
|
}
|
|
757
737
|
|
|
758
|
-
/* line
|
|
738
|
+
/* line 130, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
759
739
|
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected_focused,
|
|
760
740
|
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected {
|
|
761
741
|
background-color: unset !important;
|
|
762
742
|
}
|
|
763
743
|
|
|
764
|
-
/* line
|
|
744
|
+
/* line 135, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
765
745
|
.nitro-navigation .navigation-topbar-right [class^="pb_dropdown"] [class*="pb_list_kit"] li {
|
|
766
746
|
padding: 0px !important;
|
|
767
747
|
}
|
|
768
748
|
|
|
769
749
|
@media screen and (max-width: 767px) {
|
|
770
|
-
/* line
|
|
750
|
+
/* line 140, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
771
751
|
.nitro-navigation .navigation-topbar-left {
|
|
772
752
|
flex: 0;
|
|
773
753
|
padding-left: 0px;
|
|
774
754
|
}
|
|
775
755
|
}
|
|
776
756
|
|
|
777
|
-
/* line
|
|
757
|
+
/* line 147, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
778
758
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator {
|
|
779
759
|
width: 1px;
|
|
780
760
|
padding-top: 2px;
|
|
781
761
|
padding-bottom: 2px;
|
|
782
762
|
}
|
|
783
763
|
|
|
784
|
-
/* line
|
|
764
|
+
/* line 151, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
785
765
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::before, .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::after {
|
|
786
766
|
background: rgba(255, 255, 255, 0.1);
|
|
787
767
|
}
|
|
788
768
|
|
|
789
|
-
/* line
|
|
769
|
+
/* line 156, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
790
770
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item {
|
|
791
771
|
white-space: nowrap;
|
|
792
772
|
}
|
|
793
773
|
|
|
794
|
-
/* line
|
|
774
|
+
/* line 159, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
795
775
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover svg,
|
|
796
776
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover .pb_detail_kit_color_light.dark {
|
|
797
777
|
color: #FFFFFF !important;
|
|
798
778
|
}
|
|
799
779
|
|
|
800
|
-
/* line
|
|
780
|
+
/* line 165, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
801
781
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:first-child {
|
|
802
782
|
min-width: 59px;
|
|
803
783
|
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: power-compass
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.5.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Carlos Palhares
|
|
@@ -58,6 +58,7 @@ extra_rdoc_files: []
|
|
|
58
58
|
files:
|
|
59
59
|
- MIT-LICENSE
|
|
60
60
|
- Rakefile
|
|
61
|
+
- app/assets/builds/compass/layout.css
|
|
61
62
|
- app/assets/stylesheets/compass/layout.scss
|
|
62
63
|
- app/assets/stylesheets/compass/navigation/_all.scss
|
|
63
64
|
- app/assets/stylesheets/compass/navigation/_header.scss
|