power-compass 0.4.1 → 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/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 +30 -29
- 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
|
+
}
|
|
@@ -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
|
@@ -595,6 +595,7 @@ Background colors ------------------*/
|
|
|
595
595
|
/* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
596
596
|
.nitro-navigation .compass-logo {
|
|
597
597
|
display: block;
|
|
598
|
+
max-height: 32px;
|
|
598
599
|
}
|
|
599
600
|
|
|
600
601
|
@media screen and (max-width: 574px) {
|
|
@@ -604,19 +605,19 @@ Background colors ------------------*/
|
|
|
604
605
|
}
|
|
605
606
|
}
|
|
606
607
|
|
|
607
|
-
/* line
|
|
608
|
+
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
608
609
|
.nitro-navigation .compass-logo-mobile {
|
|
609
610
|
display: none;
|
|
610
611
|
}
|
|
611
612
|
|
|
612
613
|
@media screen and (max-width: 574px) {
|
|
613
|
-
/* line
|
|
614
|
+
/* line 25, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
614
615
|
.nitro-navigation .compass-logo-mobile {
|
|
615
616
|
display: block;
|
|
616
617
|
}
|
|
617
618
|
}
|
|
618
619
|
|
|
619
|
-
/* line
|
|
620
|
+
/* line 33, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
620
621
|
.nitro-navigation .navigation-topbar {
|
|
621
622
|
margin: 0;
|
|
622
623
|
border-bottom: 0;
|
|
@@ -628,7 +629,7 @@ Background colors ------------------*/
|
|
|
628
629
|
justify-content: space-between;
|
|
629
630
|
}
|
|
630
631
|
|
|
631
|
-
/* line
|
|
632
|
+
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
632
633
|
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
633
634
|
position: static;
|
|
634
635
|
padding: 0 32px;
|
|
@@ -638,145 +639,145 @@ Background colors ------------------*/
|
|
|
638
639
|
}
|
|
639
640
|
|
|
640
641
|
@media screen and (max-width: 767px) {
|
|
641
|
-
/* line
|
|
642
|
+
/* line 43, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
642
643
|
.nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
|
|
643
644
|
padding: 0 8px;
|
|
644
645
|
}
|
|
645
646
|
}
|
|
646
647
|
|
|
647
648
|
@media screen and (max-width: 767px) {
|
|
648
|
-
/* line
|
|
649
|
+
/* line 56, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
649
650
|
.nitro-navigation .navigation-topbar-center {
|
|
650
651
|
flex: 1;
|
|
651
652
|
}
|
|
652
653
|
}
|
|
653
654
|
|
|
654
|
-
/* line
|
|
655
|
+
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
655
656
|
.nitro-navigation .navigation-topbar-right {
|
|
656
657
|
color: #FFFFFF;
|
|
657
658
|
margin: 2px;
|
|
658
659
|
}
|
|
659
660
|
|
|
660
661
|
@media screen and (max-width: 767px) {
|
|
661
|
-
/* line
|
|
662
|
+
/* line 61, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
662
663
|
.nitro-navigation .navigation-topbar-right {
|
|
663
664
|
flex: 0;
|
|
664
665
|
padding-right: 0px;
|
|
665
666
|
}
|
|
666
667
|
}
|
|
667
668
|
|
|
668
|
-
/* line
|
|
669
|
+
/* line 70, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
669
670
|
.nitro-navigation .navigation-topbar-right .impersonating {
|
|
670
671
|
border: 2px solid #ff7034;
|
|
671
672
|
}
|
|
672
673
|
|
|
673
|
-
/* line
|
|
674
|
+
/* line 75, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
674
675
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container {
|
|
675
676
|
min-width: 280px;
|
|
676
677
|
max-height: calc(100vh - 90px);
|
|
677
678
|
}
|
|
678
679
|
|
|
679
|
-
/* line
|
|
680
|
+
/* line 79, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
680
681
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container > [class*="pb_dropdown_option"][class*="selected"] [class^="pb_body"] {
|
|
681
682
|
color: #687887 !important;
|
|
682
683
|
}
|
|
683
684
|
|
|
684
|
-
/* line
|
|
685
|
+
/* line 84, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
685
686
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper div[data-dropdown-custom-trigger] {
|
|
686
687
|
display: block !important;
|
|
687
688
|
}
|
|
688
689
|
|
|
689
|
-
/* line
|
|
690
|
+
/* line 89, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
690
691
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .pb_dropdown_trigger {
|
|
691
692
|
width: 65px !important;
|
|
692
693
|
}
|
|
693
694
|
|
|
694
|
-
/* line
|
|
695
|
+
/* line 93, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
695
696
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .icon-caret svg.svg_xs {
|
|
696
697
|
position: relative !important;
|
|
697
698
|
right: 10px !important;
|
|
698
699
|
}
|
|
699
700
|
|
|
700
|
-
/* line
|
|
701
|
+
/* line 100, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
701
702
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .pb_dropdown_trigger {
|
|
702
703
|
width: 45px !important;
|
|
703
704
|
}
|
|
704
705
|
|
|
705
|
-
/* line
|
|
706
|
+
/* line 104, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
706
707
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .icon-caret svg.svg_xs {
|
|
707
708
|
position: relative !important;
|
|
708
709
|
right: 5px !important;
|
|
709
710
|
}
|
|
710
711
|
|
|
711
|
-
/* line
|
|
712
|
+
/* line 110, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
712
713
|
.nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_trigger img {
|
|
713
714
|
width: 38px;
|
|
714
715
|
border-radius: 1000px;
|
|
715
716
|
}
|
|
716
717
|
|
|
717
|
-
/* line
|
|
718
|
+
/* line 117, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
718
719
|
.nitro-navigation .navigation-topbar-right .menu-section-options li {
|
|
719
720
|
padding: 0px;
|
|
720
721
|
}
|
|
721
722
|
|
|
722
|
-
/* line
|
|
723
|
+
/* line 119, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
723
724
|
.nitro-navigation .navigation-topbar-right .menu-section-options li svg {
|
|
724
725
|
margin-right: 8px;
|
|
725
726
|
}
|
|
726
727
|
|
|
727
|
-
/* line
|
|
728
|
+
/* line 123, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
728
729
|
.nitro-navigation .navigation-topbar-right .menu-section-options a {
|
|
729
730
|
color: #687887;
|
|
730
731
|
}
|
|
731
732
|
|
|
732
|
-
/* line
|
|
733
|
+
/* line 126, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
733
734
|
.nitro-navigation .navigation-topbar-right .menu-section-options:hover {
|
|
734
735
|
background-color: #F3F7FB;
|
|
735
736
|
}
|
|
736
737
|
|
|
737
|
-
/* line
|
|
738
|
+
/* line 130, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
738
739
|
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected_focused,
|
|
739
740
|
.nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected {
|
|
740
741
|
background-color: unset !important;
|
|
741
742
|
}
|
|
742
743
|
|
|
743
|
-
/* line
|
|
744
|
+
/* line 135, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
744
745
|
.nitro-navigation .navigation-topbar-right [class^="pb_dropdown"] [class*="pb_list_kit"] li {
|
|
745
746
|
padding: 0px !important;
|
|
746
747
|
}
|
|
747
748
|
|
|
748
749
|
@media screen and (max-width: 767px) {
|
|
749
|
-
/* line
|
|
750
|
+
/* line 140, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
750
751
|
.nitro-navigation .navigation-topbar-left {
|
|
751
752
|
flex: 0;
|
|
752
753
|
padding-left: 0px;
|
|
753
754
|
}
|
|
754
755
|
}
|
|
755
756
|
|
|
756
|
-
/* line
|
|
757
|
+
/* line 147, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
757
758
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator {
|
|
758
759
|
width: 1px;
|
|
759
760
|
padding-top: 2px;
|
|
760
761
|
padding-bottom: 2px;
|
|
761
762
|
}
|
|
762
763
|
|
|
763
|
-
/* line
|
|
764
|
+
/* line 151, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
764
765
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::before, .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::after {
|
|
765
766
|
background: rgba(255, 255, 255, 0.1);
|
|
766
767
|
}
|
|
767
768
|
|
|
768
|
-
/* line
|
|
769
|
+
/* line 156, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
769
770
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item {
|
|
770
771
|
white-space: nowrap;
|
|
771
772
|
}
|
|
772
773
|
|
|
773
|
-
/* line
|
|
774
|
+
/* line 159, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
774
775
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover svg,
|
|
775
776
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover .pb_detail_kit_color_light.dark {
|
|
776
777
|
color: #FFFFFF !important;
|
|
777
778
|
}
|
|
778
779
|
|
|
779
|
-
/* line
|
|
780
|
+
/* line 165, ../../app/assets/stylesheets/compass/navigation/_header.scss */
|
|
780
781
|
.nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:first-child {
|
|
781
782
|
min-width: 59px;
|
|
782
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
|