@scaleflex/widget-common 4.0.7 → 4.3.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.
Files changed (19) hide show
  1. package/CHANGELOG.md +8234 -8206
  2. package/LICENSE +0 -0
  3. package/README.md +58 -58
  4. package/dist/style.css +755 -581
  5. package/dist/style.min.css +1 -1
  6. package/lib/Avatar/index.js +13 -13
  7. package/lib/BadgeButton.js +2 -2
  8. package/lib/BaseButton.js +3 -3
  9. package/lib/Button.js +2 -2
  10. package/lib/DatePicker/index.scss +254 -254
  11. package/lib/FilterPopup/index.js +12 -12
  12. package/lib/FormHelperText.js +4 -4
  13. package/lib/IconLabeledButton.js +2 -2
  14. package/lib/Transitions/transitions.scss +49 -49
  15. package/lib/VirtualGrid/index.js +13 -13
  16. package/lib/VirtualList/index.js +12 -12
  17. package/lib/hooks/useInputWithLocaleNumber.js +3 -3
  18. package/lib/style.scss +1079 -1079
  19. package/package.json +4 -4
package/dist/style.css CHANGED
@@ -1,6 +1,7 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
2
2
  .filerobot-Explorer-assets-picker-modal {
3
- z-index: 100000; }
3
+ z-index: 100000;
4
+ }
4
5
 
5
6
  .filerobot-common-BaseButton {
6
7
  font-weight: 500;
@@ -16,163 +17,206 @@
16
17
  -webkit-user-select: none;
17
18
  -moz-user-select: none;
18
19
  user-select: none;
19
- transition: all 100ms ease-in-out; }
20
- .filerobot-common-BaseButton span[role='container'] {
21
- z-index: 4;
22
- display: flex;
23
- align-items: center; }
24
- @media (max-width: 636px) {
25
- .filerobot-common-BaseButton {
26
- min-width: 32px;
27
- min-height: 28px;
28
- padding: 2px 6px; } }
29
- @media (max-width: 636px) {
30
- .filerobot-common-BaseButton span:not[role='container'] {
31
- display: none; } }
32
- .filerobot-common-BaseButton:before {
33
- content: '';
34
- position: absolute;
35
- width: 0;
36
- height: 100%;
37
- background: #d9dde0;
38
- opacity: 0;
39
- border-radius: 15px 2px 15px 5px;
40
- transition: width 0.07s ease-in-out, border-radius 0.15s ease-in-out; }
41
- .filerobot-common-BaseButton:not(:disabled):active {
42
- opacity: 1; }
43
- .filerobot-common-BaseButton:not(:disabled):active:before {
44
- opacity: 1;
45
- border-radius: inherit;
46
- width: 100%; }
47
- .filerobot-common-BaseButton:disabled {
48
- color: #bbb;
49
- fill: #bbb;
50
- cursor: not-allowed;
51
- opacity: 0.8;
52
- background: rgba(79, 98, 118, 0.7); }
53
- .filerobot-common-BaseButton:disabled *, .filerobot-common-BaseButton:disabled:before {
54
- background: none;
55
- fill: currentColor;
56
- color: currentColor; }
20
+ transition: all 100ms ease-in-out;
21
+ }
22
+ .filerobot-common-BaseButton span[role=container] {
23
+ z-index: 4;
24
+ display: flex;
25
+ align-items: center;
26
+ }
27
+ @media (max-width: 636px) {
28
+ .filerobot-common-BaseButton {
29
+ min-width: 32px;
30
+ min-height: 28px;
31
+ padding: 2px 6px;
32
+ }
33
+ }
34
+ @media (max-width: 636px) {
35
+ .filerobot-common-BaseButton span:not[role=container] {
36
+ display: none;
37
+ }
38
+ }
39
+ .filerobot-common-BaseButton:before {
40
+ content: "";
41
+ position: absolute;
42
+ width: 0;
43
+ height: 100%;
44
+ background: #d9dde0;
45
+ opacity: 0;
46
+ border-radius: 15px 2px 15px 5px;
47
+ transition: width 0.07s ease-in-out, border-radius 0.15s ease-in-out;
48
+ }
49
+ .filerobot-common-BaseButton:not(:disabled):active {
50
+ opacity: 1;
51
+ }
52
+ .filerobot-common-BaseButton:not(:disabled):active:before {
53
+ opacity: 1;
54
+ border-radius: inherit;
55
+ width: 100%;
56
+ }
57
+ .filerobot-common-BaseButton:disabled {
58
+ color: #bbb;
59
+ fill: #bbb;
60
+ cursor: not-allowed;
61
+ opacity: 0.8;
62
+ background: rgba(79, 98, 118, 0.7);
63
+ }
64
+ .filerobot-common-BaseButton:disabled *, .filerobot-common-BaseButton:disabled:before {
65
+ background: none;
66
+ fill: currentColor;
67
+ color: currentColor;
68
+ }
57
69
 
58
70
  .filerobot-common-BaseButton-auto:not(disabled) :hover,
59
71
  .filerobot-common-BaseButton-auto:not(disabled) :focus {
60
- background: #EFF3F6; }
61
- .filerobot-common-BaseButton-auto:not(disabled) :hover *,
62
- .filerobot-common-BaseButton-auto:not(disabled) :focus * {
63
- color: #5D6D7E;
64
- fill: #5D6D7E; }
72
+ background: #EFF3F6;
73
+ }
74
+ .filerobot-common-BaseButton-auto:not(disabled) :hover *,
75
+ .filerobot-common-BaseButton-auto:not(disabled) :focus * {
76
+ color: #5D6D7E;
77
+ fill: #5D6D7E;
78
+ }
65
79
 
66
80
  .filerobot-common-BaseButton-transparent {
67
81
  background: transparent;
68
- color: #5D6D7E; }
69
- .filerobot-common-BaseButton-transparent:not(:disabled):hover, .filerobot-common-BaseButton-transparent:not(:disabled):focus {
70
- background: #EFF3F6; }
71
- .filerobot-common-BaseButton-transparent:not(:disabled):hover svg *, .filerobot-common-BaseButton-transparent:not(:disabled):focus svg * {
72
- color: #5D6D7E;
73
- fill: #5D6D7E; }
74
- .filerobot-common-BaseButton-transparent:not(:disabled):hover *, .filerobot-common-BaseButton-transparent:not(:disabled):focus * {
75
- color: #5D6D7E; }
82
+ color: #5D6D7E;
83
+ }
84
+ .filerobot-common-BaseButton-transparent:not(:disabled):hover, .filerobot-common-BaseButton-transparent:not(:disabled):focus {
85
+ background: #EFF3F6;
86
+ }
87
+ .filerobot-common-BaseButton-transparent:not(:disabled):hover svg *, .filerobot-common-BaseButton-transparent:not(:disabled):focus svg * {
88
+ color: #5D6D7E;
89
+ fill: #5D6D7E;
90
+ }
91
+ .filerobot-common-BaseButton-transparent:not(:disabled):hover *, .filerobot-common-BaseButton-transparent:not(:disabled):focus * {
92
+ color: #5D6D7E;
93
+ }
76
94
 
77
95
  .filerobot-common-BaseButton-primary {
78
96
  color: #fff;
79
- background: #4D4E4E; }
80
- .filerobot-common-BaseButton-primary:not(:disabled):hover {
81
- filter: brightness(1.1); }
97
+ background: #4D4E4E;
98
+ }
99
+ .filerobot-common-BaseButton-primary:not(:disabled):hover {
100
+ filter: brightness(1.1);
101
+ }
82
102
 
83
103
  .filerobot-common-BaseButton-accent {
84
104
  color: #fff;
85
- background: #6879EB; }
86
- .filerobot-common-BaseButton-accent:not(:disabled):hover {
87
- filter: brightness(1.1); }
88
- .filerobot-common-BaseButton-accent:before {
89
- background: #4958BC; }
105
+ background: #6879EB;
106
+ }
107
+ .filerobot-common-BaseButton-accent:not(:disabled):hover {
108
+ filter: brightness(1.1);
109
+ }
110
+ .filerobot-common-BaseButton-accent:before {
111
+ background: #4958BC;
112
+ }
90
113
 
91
114
  .filerobot-common-BaseButton-secondary {
92
115
  color: #fff;
93
- background: #768184; }
94
- .filerobot-common-BaseButton-secondary:not(:disabled):hover {
95
- filter: brightness(1.1); }
116
+ background: #768184;
117
+ }
118
+ .filerobot-common-BaseButton-secondary:not(:disabled):hover {
119
+ filter: brightness(1.1);
120
+ }
96
121
 
97
122
  .filerobot-common-BaseButton-activeSecondary {
98
123
  color: #5D6D7E;
99
- background: #E9EEF2; }
124
+ background: #E9EEF2;
125
+ }
100
126
 
101
127
  .filerobot-common-BaseButton-small {
102
128
  font-size: 12px;
103
- padding: 2px 6px; }
104
- .filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton img {
105
- min-height: 12px;
106
- min-width: 12px;
107
- max-height: 12px;
108
- max-width: 12px; }
109
- .filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton span:not([role='container']) {
110
- margin-left: 4px; }
129
+ padding: 2px 6px;
130
+ }
131
+ .filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton img {
132
+ min-height: 12px;
133
+ min-width: 12px;
134
+ max-height: 12px;
135
+ max-width: 12px;
136
+ }
137
+ .filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton span:not([role=container]) {
138
+ margin-left: 4px;
139
+ }
111
140
 
112
141
  .filerobot-common-BaseButton-medium {
113
142
  font-size: 15px;
114
- line-height: 16px; }
115
- .filerobot-common-BaseButton-medium.filerobot-common-LabeledIconButton img {
116
- min-height: 12px;
117
- min-width: 12px;
118
- max-height: 12px;
119
- max-width: 12px; }
143
+ line-height: 16px;
144
+ }
145
+ .filerobot-common-BaseButton-medium.filerobot-common-LabeledIconButton img {
146
+ min-height: 12px;
147
+ min-width: 12px;
148
+ max-height: 12px;
149
+ max-width: 12px;
150
+ }
120
151
 
121
152
  .filerobot-common-BaseButton-large {
122
153
  font-size: 17px;
123
- padding: 8px 14px; }
124
- .filerobot-common-BaseButton-large.filerobot-common-LabeledIconButton img {
125
- min-height: 16px;
126
- min-width: 16px;
127
- max-height: 16px;
128
- max-width: 16px; }
154
+ padding: 8px 14px;
155
+ }
156
+ .filerobot-common-BaseButton-large.filerobot-common-LabeledIconButton img {
157
+ min-height: 16px;
158
+ min-width: 16px;
159
+ max-height: 16px;
160
+ max-width: 16px;
161
+ }
129
162
 
130
163
  .filerobot-common-BaseButton-fullWidth {
131
164
  font-size: 17px;
132
- width: 100%; }
133
- .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton svg,
134
- .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton img {
135
- min-height: 16px;
136
- min-width: 16px;
137
- max-height: 16px;
138
- max-width: 16px; }
139
- .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton span:not([role='container']) {
140
- margin-left: 8px; }
165
+ width: 100%;
166
+ }
167
+ .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton svg,
168
+ .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton img {
169
+ min-height: 16px;
170
+ min-width: 16px;
171
+ max-height: 16px;
172
+ max-width: 16px;
173
+ }
174
+ .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton span:not([role=container]) {
175
+ margin-left: 8px;
176
+ }
141
177
 
142
178
  .filerobot-common-LabeledIconButton-label {
143
- margin-left: 4px; }
179
+ margin-left: 4px;
180
+ }
144
181
 
145
182
  .filerobot-common-BadgeButton {
146
183
  padding: 8px 12px;
147
- margin-right: 4px; }
148
- .filerobot-common-BadgeButton .filerobot-common-BadgeButton-badgeContent {
149
- border-radius: 50%;
150
- color: #6879EB;
151
- background: #fff;
152
- font-weight: 500;
153
- margin-left: 4px;
154
- font-size: 10px;
155
- width: 14px;
156
- height: 14px;
157
- display: inline-flex;
158
- justify-content: center;
159
- align-items: center; }
160
- .filerobot-common-BadgeButton-activeSecondary .filerobot-common-BadgeButton-badgeContent {
161
- color: #fff;
162
- background: #5D6D7E; }
184
+ margin-right: 4px;
185
+ }
186
+ .filerobot-common-BadgeButton .filerobot-common-BadgeButton-badgeContent {
187
+ border-radius: 50%;
188
+ color: #6879EB;
189
+ background: #fff;
190
+ font-weight: 500;
191
+ margin-left: 4px;
192
+ font-size: 10px;
193
+ width: 14px;
194
+ height: 14px;
195
+ display: inline-flex;
196
+ justify-content: center;
197
+ align-items: center;
198
+ }
199
+ .filerobot-common-BadgeButton-activeSecondary .filerobot-common-BadgeButton-badgeContent {
200
+ color: #fff;
201
+ background: #5D6D7E;
202
+ }
163
203
 
164
204
  .filerobot-common-BackCloseButton {
165
205
  display: flex;
166
- align-items: center; }
206
+ align-items: center;
207
+ }
167
208
 
168
209
  .filerobot-common-BackCloseButton-button {
169
- padding: 6px; }
210
+ padding: 6px;
211
+ }
170
212
 
171
213
  .filerobot-common-BackCloseButton-buttonMargin {
172
- margin: 0 6px; }
214
+ margin: 0 6px;
215
+ }
173
216
 
174
217
  .filerobot-common-BackCloseButton-divider {
175
- height: 22px; }
218
+ height: 22px;
219
+ }
176
220
 
177
221
  .filerobot-common-BackdropOverlay {
178
222
  position: fixed;
@@ -180,71 +224,83 @@
180
224
  top: 0;
181
225
  bottom: 0;
182
226
  right: 0;
183
- z-index: 1199; }
227
+ z-index: 1199;
228
+ }
184
229
 
185
230
  .filerobot-common-verticalDivider {
186
231
  background: #DFE7ED;
187
- width: 1px; }
232
+ width: 1px;
233
+ }
188
234
 
189
235
  .filerobot-common-Radio-wrapper {
190
236
  display: inline-flex;
191
237
  cursor: pointer;
192
238
  align-items: center;
193
- padding: 8px 0; }
194
- .filerobot-common-Radio-wrapper:first-child {
195
- padding-top: 0; }
196
- .filerobot-common-Radio-wrapper:last-child {
197
- padding-bottom: 0; }
239
+ padding: 8px 0;
240
+ }
241
+ .filerobot-common-Radio-wrapper:first-child {
242
+ padding-top: 0;
243
+ }
244
+ .filerobot-common-Radio-wrapper:last-child {
245
+ padding-bottom: 0;
246
+ }
198
247
 
199
248
  .filerobot-common-Radio {
200
249
  display: inline-block;
201
- padding-right: 8px; }
250
+ padding-right: 8px;
251
+ }
202
252
 
203
253
  .filerobot-common-Radio-label {
204
254
  font-size: 16px;
205
255
  line-height: 18px;
206
- color: #37414B; }
256
+ color: #37414B;
257
+ }
207
258
 
208
259
  .filerobot-common-FormGroup:not(:last-child) {
209
- margin-bottom: 16px; }
260
+ margin-bottom: 16px;
261
+ }
210
262
 
211
263
  .filerobot-common-FormControl-inline {
212
- display: flex; }
213
-
264
+ display: flex;
265
+ }
214
266
  .filerobot-common-FormControl-with-hint {
215
- margin-bottom: 0; }
216
-
267
+ margin-bottom: 0;
268
+ }
217
269
  .filerobot-common-FormControl-error {
218
- color: #E85B46; }
219
- .filerobot-common-FormControl-error .filerobot-common-InputLabel,
220
- .filerobot-common-FormControl-error .filerobot-common-FormHelperText,
221
- .filerobot-common-FormControl-error .SfxLabel-root,
222
- .filerobot-common-FormControl-error .SfxFormHint-root {
223
- color: #E85B46; }
224
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root,
225
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Textarea,
226
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Select,
227
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Input,
228
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root {
229
- color: #E85B46;
230
- border-color: #E85B46;
231
- background: #fff;
232
- outline-color: #E85B46; }
233
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root:focus-within, .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root:focus, .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root:hover,
234
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Textarea:focus-within,
235
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Textarea:focus,
236
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Textarea:hover,
237
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Select:focus-within,
238
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Select:focus,
239
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Select:hover,
240
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Input:focus-within,
241
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Input:focus,
242
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .filerobot-common-Input:hover,
243
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root:focus-within,
244
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root:focus,
245
- .filerobot-common-FormControl-error:not(:has([data-valid='true'])) .SfxInput-root:hover {
246
- border: 1px solid #E85B46;
247
- outline: none; }
270
+ color: #E85B46;
271
+ }
272
+ .filerobot-common-FormControl-error .filerobot-common-InputLabel,
273
+ .filerobot-common-FormControl-error .filerobot-common-FormHelperText,
274
+ .filerobot-common-FormControl-error .SfxLabel-root,
275
+ .filerobot-common-FormControl-error .SfxFormHint-root {
276
+ color: #E85B46;
277
+ }
278
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root,
279
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea,
280
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select,
281
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input,
282
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root {
283
+ color: #E85B46;
284
+ border-color: #E85B46;
285
+ background: #fff;
286
+ outline-color: #E85B46;
287
+ }
288
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus-within, .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus, .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:hover,
289
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus-within,
290
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus,
291
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:hover,
292
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus-within,
293
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus,
294
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:hover,
295
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus-within,
296
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus,
297
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:hover,
298
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus-within,
299
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus,
300
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:hover {
301
+ border: 1px solid #E85B46;
302
+ outline: none;
303
+ }
248
304
 
249
305
  .filerobot-common-InputLabel {
250
306
  display: flex;
@@ -252,22 +308,28 @@
252
308
  margin-bottom: 3px;
253
309
  font-size: 12px;
254
310
  font-weight: 400;
255
- color: #768184; }
311
+ color: #768184;
312
+ }
256
313
 
257
314
  .filerobot-common-FormHelperText {
258
315
  margin-top: 3px;
259
316
  font-size: 10px;
260
- color: #768184; }
261
- .filerobot-common-FormHelperText-medium {
262
- font-size: 14px; }
263
- .filerobot-common-FormHelperText-no-margin {
264
- margin: 0; }
317
+ color: #768184;
318
+ }
319
+ .filerobot-common-FormHelperText-medium {
320
+ font-size: 14px;
321
+ }
322
+ .filerobot-common-FormHelperText-no-margin {
323
+ margin: 0;
324
+ }
265
325
 
266
326
  .filerobot-common-autoSuggest {
267
- position: relative; }
268
- .filerobot-common-autoSuggest-list-wrapper {
269
- position: absolute;
270
- z-index: 11111111111111; }
327
+ position: relative;
328
+ }
329
+ .filerobot-common-autoSuggest-list-wrapper {
330
+ position: absolute;
331
+ z-index: 11111111111111;
332
+ }
271
333
 
272
334
  .suggestions-list {
273
335
  border: 1px solid #ddd;
@@ -280,102 +342,115 @@
280
342
  background-color: #fff;
281
343
  max-height: 200px;
282
344
  overflow-y: scroll;
283
- overflow-x: hidden; }
284
- .suggestions-list li {
285
- padding: 0.5rem;
286
- font-size: 1rem; }
287
-
345
+ overflow-x: hidden;
346
+ }
347
+ .suggestions-list li {
348
+ padding: 0.5rem;
349
+ font-size: 1rem;
350
+ }
288
351
  .suggestions-tags {
289
352
  display: inline-flex;
290
353
  flex-wrap: wrap;
291
354
  margin: 0;
292
355
  padding: 0;
293
356
  width: 100%;
294
- list-style: none; }
295
- .suggestions-tags li {
296
- position: relative;
297
- align-items: center;
298
- margin: 0 8px 8px 0;
299
- padding: 4px 12px;
300
- border-radius: 2px;
301
- border: 1px dashed #5D6D7E;
302
- background: transparent;
303
- color: #5D6D7E;
304
- display: flex;
305
- font-family: 'Roboto';
306
- font-size: 14px;
307
- line-height: 16.4px;
308
- font-weight: 400;
309
- list-style: none;
310
- -webkit-user-select: none;
311
- -moz-user-select: none;
312
- user-select: none;
313
- max-height: 24px; }
314
- .suggestions-tags li:hover .filerobot-c-icon {
315
- display: block; }
316
- .suggestions-tags li .filerobot-c-icon {
317
- display: none;
318
- position: absolute;
319
- top: 3px;
320
- right: 3px;
321
- width: 6px;
322
- height: 6px;
323
- color: #fff; }
324
- .suggestions-tags li button {
325
- align-items: center;
326
- -webkit-appearance: none;
327
- -moz-appearance: none;
328
- appearance: none;
329
- background: transparent;
330
- border: none;
331
- border-radius: 50%;
332
- color: #768184;
333
- cursor: pointer;
334
- display: inline-flex;
335
- font-size: 12px;
336
- height: 15px;
337
- justify-content: center;
338
- line-height: 0;
339
- margin-left: 8px;
340
- padding: 0;
341
- transform: rotate(45deg);
342
- width: 15px; }
357
+ list-style: none;
358
+ }
359
+ .suggestions-tags li {
360
+ position: relative;
361
+ align-items: center;
362
+ margin: 0 8px 8px 0;
363
+ padding: 4px 12px;
364
+ border-radius: 2px;
365
+ border: 1px dashed #5D6D7E;
366
+ background: transparent;
367
+ color: #5D6D7E;
368
+ display: flex;
369
+ font-family: "Roboto";
370
+ font-size: 14px;
371
+ line-height: 16.4px;
372
+ font-weight: 400;
373
+ list-style: none;
374
+ -webkit-user-select: none;
375
+ -moz-user-select: none;
376
+ user-select: none;
377
+ max-height: 24px;
378
+ }
379
+ .suggestions-tags li:hover .filerobot-c-icon {
380
+ display: block;
381
+ }
382
+ .suggestions-tags li .filerobot-c-icon {
383
+ display: none;
384
+ position: absolute;
385
+ top: 3px;
386
+ right: 3px;
387
+ width: 6px;
388
+ height: 6px;
389
+ color: #fff;
390
+ }
391
+ .suggestions-tags li button {
392
+ align-items: center;
393
+ -webkit-appearance: none;
394
+ -moz-appearance: none;
395
+ appearance: none;
396
+ background: transparent;
397
+ border: none;
398
+ border-radius: 50%;
399
+ color: #768184;
400
+ cursor: pointer;
401
+ display: inline-flex;
402
+ font-size: 12px;
403
+ height: 15px;
404
+ justify-content: center;
405
+ line-height: 0;
406
+ margin-left: 8px;
407
+ padding: 0;
408
+ transform: rotate(45deg);
409
+ width: 15px;
410
+ }
343
411
 
344
412
  .no-suggestions {
345
413
  color: #999;
346
- padding: 0.5rem; }
414
+ padding: 0.5rem;
415
+ }
347
416
 
348
417
  .suggestions-title {
349
418
  display: flex;
350
419
  align-items: center;
351
420
  font-size: 12px;
352
421
  font-weight: 400;
353
- padding: 4px 0; }
354
- .suggestions-title svg {
355
- margin-right: 4px; }
422
+ padding: 4px 0;
423
+ }
424
+ .suggestions-title svg {
425
+ margin-right: 4px;
426
+ }
356
427
 
357
428
  .post-upload-suggestion {
358
429
  margin-left: 0;
359
- width: 100%; }
430
+ width: 100%;
431
+ }
360
432
 
361
433
  .suggestion-active,
362
434
  .suggestions li:hover {
363
435
  cursor: pointer;
364
436
  background: #5D6D7E;
365
437
  color: #fff;
366
- border: 1px solid #5D6D7E; }
438
+ border: 1px solid #5D6D7E;
439
+ }
367
440
 
368
441
  .suggestion-loading {
369
442
  display: flex;
370
443
  height: 100px;
371
444
  font-size: 1rem;
372
445
  justify-content: center;
373
- align-items: center; }
446
+ align-items: center;
447
+ }
374
448
 
375
449
  .filerobot-common-Checkbox-wrapper {
376
450
  cursor: pointer;
377
451
  display: flex;
378
- align-items: center; }
452
+ align-items: center;
453
+ }
379
454
 
380
455
  .filerobot-common-Checkbox {
381
456
  display: flex;
@@ -391,7 +466,8 @@
391
466
  border-radius: 1px;
392
467
  outline: none;
393
468
  text-align: center;
394
- cursor: pointer; }
469
+ cursor: pointer;
470
+ }
395
471
 
396
472
  .filerobot-common-Checkbox-label {
397
473
  font-size: 12px;
@@ -399,125 +475,153 @@
399
475
  max-width: calc(100% - 16px);
400
476
  overflow: hidden;
401
477
  white-space: nowrap;
402
- text-overflow: ellipsis; }
478
+ text-overflow: ellipsis;
479
+ }
403
480
 
404
481
  .filerobot-common-Tabs-wrapper {
405
482
  display: flex;
406
483
  width: 92%;
407
- padding-left: 12px; }
484
+ padding-left: 12px;
485
+ }
408
486
 
409
487
  .filerobot-common-Tabs {
410
488
  display: flex;
411
489
  border-bottom: 1px solid #DFE7ED;
412
490
  border-top: 1px solid #DFE7ED;
413
491
  background-color: #F8FAFB;
414
- align-items: center; }
415
- .filerobot-common-Tabs-panel {
416
- position: relative;
417
- margin-bottom: -1px;
418
- font-size: 12px; }
419
- .filerobot-common-Tabs-panel > input[type="radio"] {
420
- position: absolute;
421
- left: -200vw; }
422
- .filerobot-common-Tabs-panel .bottom-line {
423
- display: none;
424
- position: absolute;
425
- background: #6879EB;
426
- bottom: 0;
427
- left: 7px;
428
- right: 7px;
429
- height: 1px; }
430
- .filerobot-common-Tabs-panel > label {
431
- color: #5D6D7E;
432
- position: relative;
433
- display: flex;
434
- padding: 7px;
435
- border: 1px solid transparent;
436
- border-top-left-radius: .10rem;
437
- border-top-right-radius: .10rem;
438
- cursor: pointer; }
439
- .filerobot-common-Tabs-panel > label > svg {
440
- margin-right: 8px;
441
- height: 12px;
442
- width: 12px; }
443
- .filerobot-common-Tabs-panel:first-child > label {
444
- padding-left: 0; }
445
- .filerobot-common-Tabs-panel:first-child > label + .bottom-line {
446
- left: 0; }
447
- .filerobot-common-Tabs-panel > input:checked + label {
448
- color: #6879EB; }
449
- .filerobot-common-Tabs-panel > input:checked + label + .bottom-line {
450
- display: block; }
451
- .filerobot-common-Tabs .subtabs-wrapper {
452
- padding: 12px 0; }
492
+ align-items: center;
493
+ }
494
+ .filerobot-common-Tabs-panel {
495
+ position: relative;
496
+ margin-bottom: -1px;
497
+ font-size: 12px;
498
+ }
499
+ .filerobot-common-Tabs-panel > input[type=radio] {
500
+ position: absolute;
501
+ left: -200vw;
502
+ }
503
+ .filerobot-common-Tabs-panel .bottom-line {
504
+ display: none;
505
+ position: absolute;
506
+ background: #6879EB;
507
+ bottom: 0;
508
+ left: 7px;
509
+ right: 7px;
510
+ height: 1px;
511
+ }
512
+ .filerobot-common-Tabs-panel > label {
513
+ color: #5D6D7E;
514
+ position: relative;
515
+ display: flex;
516
+ padding: 7px;
517
+ border: 1px solid transparent;
518
+ border-top-left-radius: 0.1rem;
519
+ border-top-right-radius: 0.1rem;
520
+ cursor: pointer;
521
+ }
522
+ .filerobot-common-Tabs-panel > label > svg {
523
+ margin-right: 8px;
524
+ height: 12px;
525
+ width: 12px;
526
+ }
527
+ .filerobot-common-Tabs-panel:first-child > label {
528
+ padding-left: 0;
529
+ }
530
+ .filerobot-common-Tabs-panel:first-child > label + .bottom-line {
531
+ left: 0;
532
+ }
533
+ .filerobot-common-Tabs-panel > input:checked + label {
534
+ color: #6879EB;
535
+ }
536
+ .filerobot-common-Tabs-panel > input:checked + label + .bottom-line {
537
+ display: block;
538
+ }
539
+ .filerobot-common-Tabs .subtabs-wrapper {
540
+ padding: 12px 0;
541
+ }
453
542
 
454
543
  .filerobot-common-inputAndLabel {
455
- margin-bottom: 16px; }
456
- .filerobot-common-inputAndLabel-form-group {
457
- margin-bottom: 19px; }
458
- .filerobot-common-inputAndLabel-input-header {
459
- font-size: 14px;
460
- line-height: 16px;
461
- font-weight: 400;
462
- margin-bottom: 3px; }
463
- .filerobot-common-inputAndLabel-header-links-label {
464
- display: flex;
465
- align-items: center;
466
- color: #768A9F; }
467
- .filerobot-common-inputAndLabel-input-text-wrapper {
468
- position: relative;
469
- width: 100%; }
470
- .filerobot-common-inputAndLabel-input-text-wrapper input[type="time"]::-webkit-calendar-picker-indicator {
471
- opacity: 0;
472
- display: block;
473
- width: 20px;
474
- height: 20px;
475
- z-index: 2;
476
- margin-top: 2px;
477
- cursor: pointer; }
478
- .filerobot-common-inputAndLabel-input-text-wrapper-disable-icon input[type="date"]::-webkit-calendar-picker-indicator {
479
- display: none; }
480
- .filerobot-common-inputAndLabel-input-icon {
481
- position: absolute;
482
- top: 0;
483
- right: 0;
484
- margin: 6px;
485
- cursor: pointer; }
486
- .filerobot-common-inputAndLabel-input-text {
487
- width: 100%;
488
- font-size: 16px;
489
- line-height: 18px;
490
- padding: 10px 16px;
491
- background-color: #fff;
492
- border: 1px solid #CCD6DE;
493
- border-radius: 4px;
494
- transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
495
- cursor: auto;
496
- font-family: 'Roboto';
497
- font-weight: 400; }
498
- .filerobot-common-inputAndLabel-input-text:focus {
499
- background-color: #FFFFFF !important;
500
- border: 1px solid #6879eb;
501
- outline: none; }
502
- .filerobot-common-inputAndLabel-input-text:hover {
503
- background-color: #eff3f6; }
544
+ margin-bottom: 16px;
545
+ }
546
+ .filerobot-common-inputAndLabel-form-group {
547
+ margin-bottom: 19px;
548
+ }
549
+ .filerobot-common-inputAndLabel-input-header {
550
+ font-size: 14px;
551
+ line-height: 16px;
552
+ font-weight: 400;
553
+ margin-bottom: 3px;
554
+ }
555
+ .filerobot-common-inputAndLabel-header-links-label {
556
+ display: flex;
557
+ align-items: center;
558
+ color: #768A9F;
559
+ }
560
+ .filerobot-common-inputAndLabel-input-text-wrapper {
561
+ position: relative;
562
+ width: 100%;
563
+ }
564
+ .filerobot-common-inputAndLabel-input-text-wrapper input[type=time]::-webkit-calendar-picker-indicator {
565
+ opacity: 0;
566
+ display: block;
567
+ width: 20px;
568
+ height: 20px;
569
+ z-index: 2;
570
+ margin-top: 2px;
571
+ cursor: pointer;
572
+ }
573
+ .filerobot-common-inputAndLabel-input-text-wrapper-disable-icon input[type=date]::-webkit-calendar-picker-indicator {
574
+ display: none;
575
+ }
576
+ .filerobot-common-inputAndLabel-input-icon {
577
+ position: absolute;
578
+ top: 0;
579
+ right: 0;
580
+ margin: 6px;
581
+ cursor: pointer;
582
+ }
583
+ .filerobot-common-inputAndLabel-input-text {
584
+ width: 100%;
585
+ font-size: 16px;
586
+ line-height: 18px;
587
+ padding: 10px 16px;
588
+ background-color: #fff;
589
+ border: 1px solid #CCD6DE;
590
+ border-radius: 4px;
591
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
592
+ cursor: auto;
593
+ font-family: "Roboto";
594
+ font-weight: 400;
595
+ }
596
+ .filerobot-common-inputAndLabel-input-text:focus {
597
+ background-color: #FFFFFF !important;
598
+ border: 1px solid rgb(104, 121, 235);
599
+ outline: none;
600
+ }
601
+ .filerobot-common-inputAndLabel-input-text:hover {
602
+ background-color: rgb(239, 243, 246);
603
+ }
504
604
 
505
605
  .filerobot-common-Spinner {
506
606
  display: flex;
507
607
  align-items: center;
508
608
  justify-content: center;
509
- margin-right: 6px; }
510
- .filerobot-common-Spinner svg {
511
- animation: rotating-spinner 2s linear infinite; }
609
+ margin-right: 6px;
610
+ }
611
+ .filerobot-common-Spinner svg {
612
+ animation: rotating-spinner 2s linear infinite;
613
+ }
512
614
 
513
615
  .filerobot-common-Spinner-noMargin {
514
- margin: 0; }
616
+ margin: 0;
617
+ }
515
618
 
516
619
  .filerobot-common-Spinner-filledCentered {
517
620
  width: 100%;
518
621
  height: 100%;
519
622
  margin: 0;
520
- padding: 8px; }
623
+ padding: 8px;
624
+ }
521
625
 
522
626
  .filerobot-common-Spinner-spinnerContainer {
523
627
  height: 100%;
@@ -526,17 +630,20 @@
526
630
  display: flex;
527
631
  justify-content: center;
528
632
  align-items: center;
529
- padding: 2px; }
530
- .filerobot-common-Spinner-spinnerContainer svg {
531
- width: 30px;
532
- height: 30px; }
533
-
633
+ padding: 2px;
634
+ }
635
+ .filerobot-common-Spinner-spinnerContainer svg {
636
+ width: 30px;
637
+ height: 30px;
638
+ }
534
639
  @keyframes rotating-spinner {
535
640
  from {
536
- transform: rotate(0deg); }
641
+ transform: rotate(0deg);
642
+ }
537
643
  to {
538
- transform: rotate(360deg); } }
539
-
644
+ transform: rotate(360deg);
645
+ }
646
+ }
540
647
  .filerobot-common-ItemHoverTopOptions {
541
648
  position: absolute;
542
649
  top: 4%;
@@ -551,34 +658,42 @@
551
658
  align-items: flex-start;
552
659
  pointer-events: none;
553
660
  border-radius: inherit;
554
- transition: all 100ms ease-in-out; }
555
- .filerobot-common-ItemHoverTopOptions button {
556
- min-width: 12px;
557
- min-height: 16px;
558
- padding: 4px 7px;
559
- height: auto;
560
- pointer-events: auto;
561
- background: rgba(79, 98, 118, 0.7);
562
- width: 24px;
563
- height: 24px;
564
- border-radius: 50%;
565
- margin: 0 2px;
566
- transition: all 100ms ease-in-out; }
567
- .filerobot-common-ItemHoverTopOptions button svg * {
568
- color: #fff;
569
- fill: #fff; }
570
- .filerobot-common-ItemHoverTopOptions button:hover {
571
- background: #37414b; }
572
- .filerobot-common-ItemHoverTopOptions button:hover svg * {
573
- fill: #DFE7ED;
574
- color: #DFE7ED; }
575
- *:hover > .filerobot-common-ItemHoverTopOptions {
576
- visibility: visible; }
577
- .filerobot-common-ItemHoverTopOptions-disableHover {
578
- display: flex;
579
- visibility: visible; }
580
- .filerobot-common-ItemHoverTopOptions-disableHover:hover {
581
- background: none; }
661
+ transition: all 100ms ease-in-out;
662
+ }
663
+ .filerobot-common-ItemHoverTopOptions button {
664
+ min-width: 12px;
665
+ min-height: 16px;
666
+ padding: 4px 7px;
667
+ height: auto;
668
+ pointer-events: auto;
669
+ background: rgba(79, 98, 118, 0.7);
670
+ width: 24px;
671
+ height: 24px;
672
+ border-radius: 50%;
673
+ margin: 0 2px;
674
+ transition: all 100ms ease-in-out;
675
+ }
676
+ .filerobot-common-ItemHoverTopOptions button svg * {
677
+ color: #fff;
678
+ fill: #fff;
679
+ }
680
+ .filerobot-common-ItemHoverTopOptions button:not(:active, :disabled):hover {
681
+ background: rgb(55, 65, 75);
682
+ }
683
+ .filerobot-common-ItemHoverTopOptions button:not(:active, :disabled):hover svg * {
684
+ fill: #DFE7ED;
685
+ color: #DFE7ED;
686
+ }
687
+ *:hover > .filerobot-common-ItemHoverTopOptions {
688
+ visibility: visible;
689
+ }
690
+ .filerobot-common-ItemHoverTopOptions-disableHover {
691
+ display: flex;
692
+ visibility: visible;
693
+ }
694
+ .filerobot-common-ItemHoverTopOptions-disableHover:hover {
695
+ background: none;
696
+ }
582
697
 
583
698
  .filerobot-common-DropFilesHereHint {
584
699
  visibility: hidden;
@@ -595,49 +710,58 @@
595
710
  color: #768184;
596
711
  font-size: 24px;
597
712
  line-height: 28px;
598
- background-color: rgba(255, 255, 255, 0.9); }
599
- .filerobot-common-DropFilesHereHint-inner {
600
- display: flex;
601
- flex-direction: column;
602
- align-items: center;
603
- justify-content: center;
604
- position: absolute;
605
- top: 7px;
606
- right: 7px;
607
- bottom: 7px;
608
- left: 7px;
609
- border: 1px dashed #5282DB;
610
- border-radius: 3px; }
611
- .filerobot-common-DropFilesHereHint-inner svg {
612
- margin-bottom: 25px;
613
- animation: 2s moving ease infinite; }
614
-
713
+ background-color: rgba(255, 255, 255, 0.9);
714
+ }
715
+ .filerobot-common-DropFilesHereHint-inner {
716
+ display: flex;
717
+ flex-direction: column;
718
+ align-items: center;
719
+ justify-content: center;
720
+ position: absolute;
721
+ top: 7px;
722
+ right: 7px;
723
+ bottom: 7px;
724
+ left: 7px;
725
+ border: 1px dashed #5282DB;
726
+ border-radius: 3px;
727
+ }
728
+ .filerobot-common-DropFilesHereHint-inner svg {
729
+ margin-bottom: 25px;
730
+ animation: 2s moving ease infinite;
731
+ }
615
732
  @keyframes moving {
616
- 0%,
617
- 100% {
618
- transform: scale(1) translate(0, 0); }
733
+ 0%, 100% {
734
+ transform: scale(1) translate(0, 0);
735
+ }
619
736
  50% {
620
- transform: scale(1.1) translate(0, -10px); } }
621
- [data-filerobot-theme="dark"] .filerobot-common-DropFilesHereHint {
622
- color: #bbb;
623
- border-color: #02baf2;
624
- background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fillRule='nonzero'/%3E%3C/svg%3E"); }
737
+ transform: scale(1.1) translate(0, -10px);
738
+ }
739
+ }
740
+ [data-filerobot-theme=dark] .filerobot-common-DropFilesHereHint {
741
+ color: #bbb;
742
+ border-color: #02baf2;
743
+ background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fillRule='nonzero'/%3E%3C/svg%3E");
744
+ }
625
745
 
626
746
  .filerobot-common-DropFilesTarget * {
627
- pointer-events: none; }
747
+ pointer-events: none;
748
+ }
628
749
 
629
750
  .filerobot-common-DropFilesHereHint-visible {
630
- visibility: visible; }
751
+ visibility: visible;
752
+ }
631
753
 
632
754
  .filerobot-common-Search .filerobot-c-separator {
633
755
  height: 70%;
634
- margin: 0; }
756
+ margin: 0;
757
+ }
635
758
 
636
759
  .filerobot-common-Search-searchButton {
637
760
  height: 100%;
638
761
  padding: 12px;
639
762
  padding-top: 10px;
640
- cursor: pointer; }
763
+ cursor: pointer;
764
+ }
641
765
 
642
766
  .filerobot-common-Search {
643
767
  display: flex;
@@ -647,14 +771,17 @@
647
771
  border: 1px solid #DFE7ED;
648
772
  border-radius: 4px;
649
773
  align-items: center;
650
- white-space: nowrap; }
774
+ white-space: nowrap;
775
+ }
651
776
 
652
777
  .filerobot-common-Search:focus-within,
653
778
  .filerobot-common-Search:active {
654
- background-color: white !important; }
655
- .filerobot-common-Search:focus-within .filerobot-common-Search-searchInput,
656
- .filerobot-common-Search:active .filerobot-common-Search-searchInput {
657
- background-color: white !important; }
779
+ background-color: rgb(255, 255, 255) !important;
780
+ }
781
+ .filerobot-common-Search:focus-within .filerobot-common-Search-searchInput,
782
+ .filerobot-common-Search:active .filerobot-common-Search-searchInput {
783
+ background-color: rgb(255, 255, 255) !important;
784
+ }
658
785
 
659
786
  .filerobot-common-Search-searchInput {
660
787
  height: -moz-fit-content;
@@ -668,34 +795,43 @@
668
795
  border: none;
669
796
  min-width: 24px;
670
797
  width: 100%;
671
- margin: 6px 0px; }
672
- .filerobot-common-Search-searchInput button {
673
- height: 100%; }
674
- .filerobot-common-Search-searchInput .filerobot-common-TopBar-input-fragment {
675
- display: inherit;
676
- height: inherit;
677
- width: inherit; }
678
- .filerobot-common-Search-searchInput:focus {
679
- outline: none; }
680
- [data-filerobot-theme="dark"] .filerobot-common-Search-searchInput {
681
- background-color: #1f1f1f; }
682
- [data-filerobot-theme="dark"] .filerobot-common-Search-searchInput {
683
- color: #fff; }
684
- .filerobot-common-Search-searchInput::-moz-placeholder {
685
- font-size: 14px;
686
- font-style: normal;
687
- font-weight: 400;
688
- color: #A9B6C2; }
689
- .filerobot-common-Search-searchInput::placeholder {
690
- font-size: 14px;
691
- font-style: normal;
692
- font-weight: 400;
693
- color: #A9B6C2; }
798
+ margin: 6px 0px;
799
+ }
800
+ .filerobot-common-Search-searchInput button {
801
+ height: 100%;
802
+ }
803
+ .filerobot-common-Search-searchInput .filerobot-common-TopBar-input-fragment {
804
+ display: inherit;
805
+ height: inherit;
806
+ width: inherit;
807
+ }
808
+ .filerobot-common-Search-searchInput:focus {
809
+ outline: none;
810
+ }
811
+ [data-filerobot-theme=dark] .filerobot-common-Search-searchInput {
812
+ background-color: #1f1f1f;
813
+ }
814
+ [data-filerobot-theme=dark] .filerobot-common-Search-searchInput {
815
+ color: #fff;
816
+ }
817
+ .filerobot-common-Search-searchInput::-moz-placeholder {
818
+ font-size: 14px;
819
+ font-style: normal;
820
+ font-weight: 400;
821
+ color: #A9B6C2;
822
+ }
823
+ .filerobot-common-Search-searchInput::placeholder {
824
+ font-size: 14px;
825
+ font-style: normal;
826
+ font-weight: 400;
827
+ color: #A9B6C2;
828
+ }
694
829
 
695
830
  .filerobot-common-Search-searchAndAppendedOptions {
696
831
  display: flex;
697
832
  align-items: center;
698
- height: 100%; }
833
+ height: 100%;
834
+ }
699
835
 
700
836
  .filerobot-common-Search-searchAndFiltersInputs {
701
837
  position: relative;
@@ -706,7 +842,8 @@
706
842
  flex-grow: 1;
707
843
  overflow: auto hidden;
708
844
  white-space: nowrap;
709
- -ms-overflow-style: none; }
845
+ -ms-overflow-style: none;
846
+ }
710
847
 
711
848
  .filerobot-common-PoweredBy-label {
712
849
  border: 1px solid #DFE7ED;
@@ -724,12 +861,14 @@
724
861
  -moz-user-select: none;
725
862
  user-select: none;
726
863
  z-index: 1001;
727
- margin-right: -1px; }
864
+ margin-right: -1px;
865
+ }
728
866
 
729
867
  .filerobot-common-secondaryTxt {
730
868
  color: #939393;
731
869
  font-size: 12px;
732
- line-height: 14px; }
870
+ line-height: 14px;
871
+ }
733
872
 
734
873
  .filerobot-TransitionWrapper {
735
874
  --translateX: 0;
@@ -739,173 +878,201 @@
739
878
  position: absolute;
740
879
  top: 0;
741
880
  background: #fff;
742
- overflow-y: hidden; }
743
- .filerobot-TransitionWrapper.--applied {
744
- display: block;
745
- z-index: 1002;
746
- height: 100%;
747
- width: 100%; }
881
+ overflow-y: hidden;
882
+ }
883
+ .filerobot-TransitionWrapper.--applied {
884
+ display: block;
885
+ z-index: 1002;
886
+ height: 100%;
887
+ width: 100%;
888
+ }
748
889
 
749
890
  .filerobot-transition-slideDownUp-enter {
750
891
  opacity: 0.01;
751
892
  transform: translate3d(var(--translateX), var(--translateY-hidden), 0);
752
- transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }
893
+ transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
894
+ }
753
895
 
754
896
  .filerobot-transition-slideDownUp-enter.filerobot-transition-slideDownUp-enter-active {
755
897
  opacity: 1;
756
- transform: translate3d(var(--translateX), var(--translateY-shown), 0); }
898
+ transform: translate3d(var(--translateX), var(--translateY-shown), 0);
899
+ }
757
900
 
758
901
  .filerobot-transition-slideDownUp-leave {
759
902
  opacity: 1;
760
903
  transform: translate3d(var(--translateX), var(--translateY-shown), 0);
761
- transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }
904
+ transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
905
+ }
762
906
 
763
907
  .filerobot-transition-slideDownUp-leave.filerobot-transition-slideDownUp-leave-active {
764
908
  opacity: 0.01;
765
- transform: translate3d(var(--translateX), var(--translateY-hidden), 0); }
909
+ transform: translate3d(var(--translateX), var(--translateY-hidden), 0);
910
+ }
766
911
 
767
912
  .filerobot-common-datePicker {
768
- position: relative; }
769
- .filerobot-common-datePicker * {
770
- -webkit-touch-callout: none;
771
- /* iOS Safari */
772
- -webkit-user-select: none;
773
- /* Chrome/Safari/Opera */
774
- /* Konqueror */
775
- -moz-user-select: none;
776
- /* Firefox */
777
- /* Internet Explorer/Edge */
778
- user-select: none;
779
- /* Non-prefixed version, currently */ }
780
- .filerobot-common-datePicker-overlay {
781
- position: absolute;
782
- top: 0;
783
- left: 0;
784
- right: 0;
785
- bottom: 0; }
786
- .filerobot-common-datePicker-input {
787
- overflow: hidden; }
788
- .filerobot-common-datePicker-input input {
789
- cursor: pointer; }
790
- .filerobot-common-datePicker-input input:focus {
791
- outline: none; }
792
- .filerobot-common-datePicker-container {
793
- position: absolute;
794
- width: 215px;
795
- min-height: 200px;
796
- max-height: 240px;
797
- background: #fff;
798
- box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
799
- border-radius: 4px;
800
- overflow: hidden;
801
- padding: 12px 12px;
802
- z-index: 11111111111111; }
803
- .filerobot-common-datePicker-container-head {
804
- display: flex;
805
- align-items: center; }
806
- .filerobot-common-datePicker-container-head-body {
807
- float: left;
808
- width: 120px;
809
- height: 100%; }
810
- .filerobot-common-datePicker-container-head-body-year {
811
- width: 100%;
812
- height: 30px;
813
- font-size: 27px;
814
- color: #5D6D7E;
815
- font-weight: 200px;
816
- text-align: center;
817
- float: left; }
818
- .filerobot-common-datePicker-container-head-body-month {
819
- float: left;
820
- width: 100%;
821
- height: 15px;
822
- font-size: 13px;
823
- color: #5D6D7E;
824
- font-weight: 200px;
825
- text-align: center; }
826
- .filerobot-common-datePicker-container-head-button {
827
- width: 45px;
828
- height: 100%;
829
- box-sizing: border-box;
830
- position: relative; }
831
- .filerobot-common-datePicker-container-head-button-inner {
832
- float: left;
833
- height: 25px;
834
- width: 25px;
835
- background: #f4f4f4;
836
- border-radius: 2px;
837
- line-height: 35px;
838
- text-align: center;
839
- position: absolute;
840
- top: 50%;
841
- left: 50%;
842
- margin-left: -17px;
843
- margin-top: -17px; }
844
- .filerobot-common-datePicker-container-head-button-inner:hover > span {
845
- border-color: #555 !important; }
846
- .filerobot-common-datePicker-container-head-button-inner:hover {
847
- cursor: pointer;
848
- background: #eee; }
849
- .filerobot-common-datePicker-calendar {
850
- width: 100%;
851
- height: 100%; }
852
- .filerobot-common-datePicker-calendar-body,
853
- .filerobot-common-datePicker-calendar-day span, .filerobot-common-datePicker-calendar-day, .filerobot-common-datePicker-calendar-day-container {
854
- position: relative;
855
- display: block;
856
- float: left;
857
- box-sizing: border-box; }
858
- .filerobot-common-datePicker-calendar-body {
859
- height: 250px;
860
- width: 100%; }
861
- .filerobot-common-datePicker-calendar-day {
862
- width: 14%;
863
- height: 10%; }
864
- .filerobot-common-datePicker-calendar-day-container {
865
- width: 100%;
866
- height: 100%;
867
- font-size: 12px;
868
- font-weight: 300;
869
- color: #37414B;
870
- text-align: center; }
871
- .filerobot-common-datePicker-calendar-day-container span {
872
- width: 25px;
873
- height: 25px;
874
- margin-top: -15px;
875
- margin-left: -15px;
876
- left: 50%;
877
- top: 50%;
878
- font-weight: 400;
879
- border-radius: 2px;
880
- line-height: 30px; }
881
- .filerobot-common-datePicker-calendar-day-container span:hover {
882
- cursor: pointer;
883
- background: #E9EEF2; }
884
- .filerobot-common-datePicker-calendar-day.disabled {
885
- pointer-events: none; }
886
- .filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span {
887
- color: #ddd; }
888
- .filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span {
889
- background: #fff !important; }
890
- .filerobot-common-datePicker-calendar-day.highlight .filerobot-common-datePicker-calendar-day-container span {
891
- background: #5D6D7E; }
892
- .filerobot-common-datePicker-calendar-day.highlight-green .filerobot-common-datePicker-calendar-day-container span {
893
- background: #4958BC;
894
- color: #fff; }
895
- .filerobot-common-datePicker-calendar-head {
896
- display: flex;
897
- height: 20px;
898
- width: 100%;
899
- margin-top: 2px;
900
- margin-bottom: 5px; }
901
- .filerobot-common-datePicker-calendar-head-name {
902
- width: 14.285%;
903
- height: 30px;
904
- line-height: 30px;
905
- font-weight: 700;
906
- color: #5D6D7E;
907
- font-size: 9px;
908
- text-align: center; }
913
+ position: relative;
914
+ }
915
+ .filerobot-common-datePicker * {
916
+ -webkit-touch-callout: none; /* iOS Safari */
917
+ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
918
+ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
919
+ user-select: none; /* Non-prefixed version, currently */
920
+ }
921
+ .filerobot-common-datePicker-overlay {
922
+ position: absolute;
923
+ top: 0;
924
+ left: 0;
925
+ right: 0;
926
+ bottom: 0;
927
+ }
928
+ .filerobot-common-datePicker-input {
929
+ overflow: hidden;
930
+ }
931
+ .filerobot-common-datePicker-input input {
932
+ cursor: pointer;
933
+ }
934
+ .filerobot-common-datePicker-input input:focus {
935
+ outline: none;
936
+ }
937
+ .filerobot-common-datePicker-container {
938
+ position: absolute;
939
+ width: 215px;
940
+ min-height: 200px;
941
+ max-height: 240px;
942
+ background: #fff;
943
+ box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
944
+ border-radius: 4px;
945
+ overflow: hidden;
946
+ padding: 12px 12px;
947
+ z-index: 11111111111111;
948
+ }
949
+ .filerobot-common-datePicker-container-head {
950
+ display: flex;
951
+ align-items: center;
952
+ }
953
+ .filerobot-common-datePicker-container-head-body {
954
+ float: left;
955
+ width: 120px;
956
+ height: 100%;
957
+ }
958
+ .filerobot-common-datePicker-container-head-body-year {
959
+ width: 100%;
960
+ height: 30px;
961
+ font-size: 27px;
962
+ color: #5D6D7E;
963
+ font-weight: 200px;
964
+ text-align: center;
965
+ float: left;
966
+ }
967
+ .filerobot-common-datePicker-container-head-body-month {
968
+ float: left;
969
+ width: 100%;
970
+ height: 15px;
971
+ font-size: 13px;
972
+ color: #5D6D7E;
973
+ font-weight: 200px;
974
+ text-align: center;
975
+ }
976
+ .filerobot-common-datePicker-container-head-button {
977
+ width: 45px;
978
+ height: 100%;
979
+ box-sizing: border-box;
980
+ position: relative;
981
+ }
982
+ .filerobot-common-datePicker-container-head-button-inner {
983
+ float: left;
984
+ height: 25px;
985
+ width: 25px;
986
+ background: #f4f4f4;
987
+ border-radius: 2px;
988
+ line-height: 35px;
989
+ text-align: center;
990
+ position: absolute;
991
+ top: 50%;
992
+ left: 50%;
993
+ margin-left: -17px;
994
+ margin-top: -17px;
995
+ }
996
+ .filerobot-common-datePicker-container-head-button-inner:hover > span {
997
+ border-color: #555 !important;
998
+ }
999
+ .filerobot-common-datePicker-container-head-button-inner:hover {
1000
+ cursor: pointer;
1001
+ background: #eee;
1002
+ }
1003
+ .filerobot-common-datePicker-calendar {
1004
+ width: 100%;
1005
+ height: 100%;
1006
+ }
1007
+ .filerobot-common-datePicker-calendar-body, .filerobot-common-datePicker-calendar-day span, .filerobot-common-datePicker-calendar-day, .filerobot-common-datePicker-calendar-day-container {
1008
+ position: relative;
1009
+ display: block;
1010
+ float: left;
1011
+ box-sizing: border-box;
1012
+ }
1013
+ .filerobot-common-datePicker-calendar-body {
1014
+ height: 250px;
1015
+ width: 100%;
1016
+ }
1017
+ .filerobot-common-datePicker-calendar-day {
1018
+ width: 14%;
1019
+ height: 10%;
1020
+ }
1021
+ .filerobot-common-datePicker-calendar-day-container {
1022
+ width: 100%;
1023
+ height: 100%;
1024
+ font-size: 12px;
1025
+ font-weight: 300;
1026
+ color: #37414B;
1027
+ text-align: center;
1028
+ }
1029
+ .filerobot-common-datePicker-calendar-day-container span {
1030
+ width: 25px;
1031
+ height: 25px;
1032
+ margin-top: -15px;
1033
+ margin-left: -15px;
1034
+ left: 50%;
1035
+ top: 50%;
1036
+ font-weight: 400;
1037
+ border-radius: 2px;
1038
+ line-height: 30px;
1039
+ }
1040
+ .filerobot-common-datePicker-calendar-day-container span:hover {
1041
+ cursor: pointer;
1042
+ background: #E9EEF2;
1043
+ }
1044
+ .filerobot-common-datePicker-calendar-day.disabled {
1045
+ pointer-events: none;
1046
+ }
1047
+ .filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span {
1048
+ color: #ddd;
1049
+ }
1050
+ .filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span {
1051
+ background: #fff !important;
1052
+ }
1053
+ .filerobot-common-datePicker-calendar-day.highlight .filerobot-common-datePicker-calendar-day-container span {
1054
+ background: #5D6D7E;
1055
+ }
1056
+ .filerobot-common-datePicker-calendar-day.highlight-green .filerobot-common-datePicker-calendar-day-container span {
1057
+ background: #4958BC;
1058
+ color: #fff;
1059
+ }
1060
+ .filerobot-common-datePicker-calendar-head {
1061
+ display: flex;
1062
+ height: 20px;
1063
+ width: 100%;
1064
+ margin-top: 2px;
1065
+ margin-bottom: 5px;
1066
+ }
1067
+ .filerobot-common-datePicker-calendar-head-name {
1068
+ width: 14.285%;
1069
+ height: 30px;
1070
+ line-height: 30px;
1071
+ font-weight: 700;
1072
+ color: #5D6D7E;
1073
+ font-size: 9px;
1074
+ text-align: center;
1075
+ }
909
1076
 
910
1077
  .mdpchbi-right-arrows:after,
911
1078
  .mdpchbi-left-arrows:after,
@@ -919,7 +1086,8 @@
919
1086
  height: 6px;
920
1087
  border-left: 2px solid #888;
921
1088
  border-bottom: 2px solid #888;
922
- position: absolute; }
1089
+ position: absolute;
1090
+ }
923
1091
 
924
1092
  .mdpchbi-right-arrow,
925
1093
  .mdpchbi-right-arrows,
@@ -929,24 +1097,30 @@
929
1097
  left: 50%;
930
1098
  top: 50%;
931
1099
  margin-left: -2px;
932
- margin-top: -4px; }
1100
+ margin-top: -4px;
1101
+ }
933
1102
 
934
1103
  .mdpchbi-right-arrows,
935
1104
  .mdpchbi-right-arrow {
936
1105
  transform: rotate(225deg);
937
- margin-left: -4px; }
1106
+ margin-left: -4px;
1107
+ }
938
1108
 
939
1109
  .mdpchbi-right-arrows:after,
940
1110
  .mdpchbi-left-arrows:after {
941
- content: ''; }
1111
+ content: "";
1112
+ }
942
1113
 
943
1114
  .mdpchbi-left-arrows {
944
- margin-left: -5px; }
1115
+ margin-left: -5px;
1116
+ }
945
1117
 
946
1118
  .mdpchbi-right-arrows {
947
- margin-left: -2px; }
1119
+ margin-left: -2px;
1120
+ }
948
1121
 
949
1122
  .mdpchbi-right-arrows:after,
950
1123
  .mdpchbi-left-arrows:after {
951
1124
  left: 3px;
952
- top: -5px; }
1125
+ top: -5px;
1126
+ }