@scaleflex/widget-explorer 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 (51) hide show
  1. package/CHANGELOG.md +12145 -12100
  2. package/LICENSE +21 -21
  3. package/README.md +1267 -1235
  4. package/dist/style.css +1438 -1094
  5. package/dist/style.min.css +1 -1
  6. package/lib/components/AssetsList/SearchView.hook.js +24 -24
  7. package/lib/components/AssetsList/__SearchTestPannel.js +27 -27
  8. package/lib/components/BulkEditPanel/components/AssetsList/Columns/columns.utils.js +2 -2
  9. package/lib/components/CropPanel/index.scss +55 -55
  10. package/lib/components/Details/FileItem/style.scss +11 -11
  11. package/lib/components/Drawer/ResizerCore.js +3 -3
  12. package/lib/components/FileItem/PreUploadFileThumbnail/index.scss +19 -19
  13. package/lib/components/FileWindowPanel/FileTabs/GeneralTab/GeneralSection.js +1 -1
  14. package/lib/components/FileWindowPanel/FileTabs/VariationsTab/Variations.constants.js +7 -3
  15. package/lib/components/FileWindowPanel/FileTabs/VariationsTab/Variations.styled.js +4 -2
  16. package/lib/components/FileWindowPanel/FileTabs/VariationsTab/Variations.thunks.js +45 -0
  17. package/lib/components/FileWindowPanel/FileTabs/VariationsTab/VariationsContent.js +15 -1
  18. package/lib/components/FileWindowPanel/FileTabs/VariationsTab/VariationsTabs.js +11 -3
  19. package/lib/components/FileWindowPanel/FileTabs/VariationsTab/VariationsTopOptions.js +4 -4
  20. package/lib/components/FileWindowPanel/FileTabs/VariationsTab/index.js +194 -27
  21. package/lib/components/FileWindowPanel/Header/BeforeUploadActionBtns.js +4 -4
  22. package/lib/components/FoldersView/index.js +29 -3
  23. package/lib/components/GalleryRoleSelect/GalleryRoleSelect.utils.js +3 -3
  24. package/lib/components/GalleryRoleSelect/index.js +11 -11
  25. package/lib/components/Modals/AddNewFolder/AddNewFolder.hooks.js +99 -0
  26. package/lib/components/Modals/AddNewFolder/index.js +1 -0
  27. package/lib/components/Modals/TransformedDownload/TransformedDownload.hooks.js +11 -11
  28. package/lib/components/Modals/TransformedDownload/TransformedDownload.utils.js +4 -4
  29. package/lib/components/Modals/index.js +1 -0
  30. package/lib/components/TopBar/index.scss +20 -20
  31. package/lib/components/UrlBuilderModal/index.js +6 -2
  32. package/lib/components/common/FileMetadataFieldValue/FileMetadataFieldValue.utils.js +12 -8
  33. package/lib/components/metadata.adapter.js +18 -18
  34. package/lib/defaultLocale.js +8 -1
  35. package/lib/hooks/useEditFileDetails.js +5 -5
  36. package/lib/hooks/useFileMetadata.js +5 -3
  37. package/lib/hooks/useIsSmallScreen.js +6 -6
  38. package/lib/hooks/useValidateFileName.js +22 -22
  39. package/lib/index.js +155 -151
  40. package/lib/slices/files.slice.js +15 -15
  41. package/lib/slices/folders.slice.js +9 -9
  42. package/lib/slices/metadata.slice.js +9 -2
  43. package/lib/style.scss +268 -268
  44. package/lib/utils/SearchSuggestions/SearchSuggestionsMenu.js +4 -4
  45. package/lib/utils/createSuperFocus.js +5 -5
  46. package/lib/utils/filters.js +3 -3
  47. package/lib/utils/formatPinSubTitle.js +6 -6
  48. package/lib/utils/getActiveOverlayEl.js +2 -2
  49. package/lib/utils/truncateString.js +7 -7
  50. package/package.json +8 -8
  51. package/types/index.d.ts +102 -102
package/dist/style.css CHANGED
@@ -1,6 +1,8 @@
1
+ @charset "UTF-8";
1
2
  @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
2
3
  .filerobot-Explorer-assets-picker-modal {
3
- z-index: 100000; }
4
+ z-index: 100000;
5
+ }
4
6
 
5
7
  .filerobot-common-BaseButton {
6
8
  font-weight: 500;
@@ -16,163 +18,206 @@
16
18
  -webkit-user-select: none;
17
19
  -moz-user-select: none;
18
20
  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; }
21
+ transition: all 100ms ease-in-out;
22
+ }
23
+ .filerobot-common-BaseButton span[role=container] {
24
+ z-index: 4;
25
+ display: flex;
26
+ align-items: center;
27
+ }
28
+ @media (max-width: 636px) {
29
+ .filerobot-common-BaseButton {
30
+ min-width: 32px;
31
+ min-height: 28px;
32
+ padding: 2px 6px;
33
+ }
34
+ }
35
+ @media (max-width: 636px) {
36
+ .filerobot-common-BaseButton span:not[role=container] {
37
+ display: none;
38
+ }
39
+ }
40
+ .filerobot-common-BaseButton:before {
41
+ content: "";
42
+ position: absolute;
43
+ width: 0;
44
+ height: 100%;
45
+ background: #d9dde0;
46
+ opacity: 0;
47
+ border-radius: 15px 2px 15px 5px;
48
+ transition: width 0.07s ease-in-out, border-radius 0.15s ease-in-out;
49
+ }
50
+ .filerobot-common-BaseButton:not(:disabled):active {
51
+ opacity: 1;
52
+ }
53
+ .filerobot-common-BaseButton:not(:disabled):active:before {
54
+ opacity: 1;
55
+ border-radius: inherit;
56
+ width: 100%;
57
+ }
58
+ .filerobot-common-BaseButton:disabled {
59
+ color: #bbb;
60
+ fill: #bbb;
61
+ cursor: not-allowed;
62
+ opacity: 0.8;
63
+ background: rgba(79, 98, 118, 0.7);
64
+ }
65
+ .filerobot-common-BaseButton:disabled *, .filerobot-common-BaseButton:disabled:before {
66
+ background: none;
67
+ fill: currentColor;
68
+ color: currentColor;
69
+ }
57
70
 
58
71
  .filerobot-common-BaseButton-auto:not(disabled) :hover,
59
72
  .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; }
73
+ background: #EFF3F6;
74
+ }
75
+ .filerobot-common-BaseButton-auto:not(disabled) :hover *,
76
+ .filerobot-common-BaseButton-auto:not(disabled) :focus * {
77
+ color: #5D6D7E;
78
+ fill: #5D6D7E;
79
+ }
65
80
 
66
81
  .filerobot-common-BaseButton-transparent {
67
82
  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; }
83
+ color: #5D6D7E;
84
+ }
85
+ .filerobot-common-BaseButton-transparent:not(:disabled):hover, .filerobot-common-BaseButton-transparent:not(:disabled):focus {
86
+ background: #EFF3F6;
87
+ }
88
+ .filerobot-common-BaseButton-transparent:not(:disabled):hover svg *, .filerobot-common-BaseButton-transparent:not(:disabled):focus svg * {
89
+ color: #5D6D7E;
90
+ fill: #5D6D7E;
91
+ }
92
+ .filerobot-common-BaseButton-transparent:not(:disabled):hover *, .filerobot-common-BaseButton-transparent:not(:disabled):focus * {
93
+ color: #5D6D7E;
94
+ }
76
95
 
77
96
  .filerobot-common-BaseButton-primary {
78
97
  color: #fff;
79
- background: #4D4E4E; }
80
- .filerobot-common-BaseButton-primary:not(:disabled):hover {
81
- filter: brightness(1.1); }
98
+ background: #4D4E4E;
99
+ }
100
+ .filerobot-common-BaseButton-primary:not(:disabled):hover {
101
+ filter: brightness(1.1);
102
+ }
82
103
 
83
104
  .filerobot-common-BaseButton-accent {
84
105
  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; }
106
+ background: #6879EB;
107
+ }
108
+ .filerobot-common-BaseButton-accent:not(:disabled):hover {
109
+ filter: brightness(1.1);
110
+ }
111
+ .filerobot-common-BaseButton-accent:before {
112
+ background: #4958BC;
113
+ }
90
114
 
91
115
  .filerobot-common-BaseButton-secondary {
92
116
  color: #fff;
93
- background: #768184; }
94
- .filerobot-common-BaseButton-secondary:not(:disabled):hover {
95
- filter: brightness(1.1); }
117
+ background: #768184;
118
+ }
119
+ .filerobot-common-BaseButton-secondary:not(:disabled):hover {
120
+ filter: brightness(1.1);
121
+ }
96
122
 
97
123
  .filerobot-common-BaseButton-activeSecondary {
98
124
  color: #5D6D7E;
99
- background: #E9EEF2; }
125
+ background: #E9EEF2;
126
+ }
100
127
 
101
128
  .filerobot-common-BaseButton-small {
102
129
  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; }
130
+ padding: 2px 6px;
131
+ }
132
+ .filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton img {
133
+ min-height: 12px;
134
+ min-width: 12px;
135
+ max-height: 12px;
136
+ max-width: 12px;
137
+ }
138
+ .filerobot-common-BaseButton-small.filerobot-common-LabeledIconButton span:not([role=container]) {
139
+ margin-left: 4px;
140
+ }
111
141
 
112
142
  .filerobot-common-BaseButton-medium {
113
143
  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; }
144
+ line-height: 16px;
145
+ }
146
+ .filerobot-common-BaseButton-medium.filerobot-common-LabeledIconButton img {
147
+ min-height: 12px;
148
+ min-width: 12px;
149
+ max-height: 12px;
150
+ max-width: 12px;
151
+ }
120
152
 
121
153
  .filerobot-common-BaseButton-large {
122
154
  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; }
155
+ padding: 8px 14px;
156
+ }
157
+ .filerobot-common-BaseButton-large.filerobot-common-LabeledIconButton img {
158
+ min-height: 16px;
159
+ min-width: 16px;
160
+ max-height: 16px;
161
+ max-width: 16px;
162
+ }
129
163
 
130
164
  .filerobot-common-BaseButton-fullWidth {
131
165
  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; }
166
+ width: 100%;
167
+ }
168
+ .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton svg,
169
+ .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton img {
170
+ min-height: 16px;
171
+ min-width: 16px;
172
+ max-height: 16px;
173
+ max-width: 16px;
174
+ }
175
+ .filerobot-common-BaseButton-fullWidth.filerobot-common-LabeledIconButton span:not([role=container]) {
176
+ margin-left: 8px;
177
+ }
141
178
 
142
179
  .filerobot-common-LabeledIconButton-label {
143
- margin-left: 4px; }
180
+ margin-left: 4px;
181
+ }
144
182
 
145
183
  .filerobot-common-BadgeButton {
146
184
  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; }
185
+ margin-right: 4px;
186
+ }
187
+ .filerobot-common-BadgeButton .filerobot-common-BadgeButton-badgeContent {
188
+ border-radius: 50%;
189
+ color: #6879EB;
190
+ background: #fff;
191
+ font-weight: 500;
192
+ margin-left: 4px;
193
+ font-size: 10px;
194
+ width: 14px;
195
+ height: 14px;
196
+ display: inline-flex;
197
+ justify-content: center;
198
+ align-items: center;
199
+ }
200
+ .filerobot-common-BadgeButton-activeSecondary .filerobot-common-BadgeButton-badgeContent {
201
+ color: #fff;
202
+ background: #5D6D7E;
203
+ }
163
204
 
164
205
  .filerobot-common-BackCloseButton {
165
206
  display: flex;
166
- align-items: center; }
207
+ align-items: center;
208
+ }
167
209
 
168
210
  .filerobot-common-BackCloseButton-button {
169
- padding: 6px; }
211
+ padding: 6px;
212
+ }
170
213
 
171
214
  .filerobot-common-BackCloseButton-buttonMargin {
172
- margin: 0 6px; }
215
+ margin: 0 6px;
216
+ }
173
217
 
174
218
  .filerobot-common-BackCloseButton-divider {
175
- height: 22px; }
219
+ height: 22px;
220
+ }
176
221
 
177
222
  .filerobot-common-BackdropOverlay {
178
223
  position: fixed;
@@ -180,71 +225,83 @@
180
225
  top: 0;
181
226
  bottom: 0;
182
227
  right: 0;
183
- z-index: 1199; }
228
+ z-index: 1199;
229
+ }
184
230
 
185
231
  .filerobot-common-verticalDivider {
186
232
  background: #DFE7ED;
187
- width: 1px; }
233
+ width: 1px;
234
+ }
188
235
 
189
236
  .filerobot-common-Radio-wrapper {
190
237
  display: inline-flex;
191
238
  cursor: pointer;
192
239
  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; }
240
+ padding: 8px 0;
241
+ }
242
+ .filerobot-common-Radio-wrapper:first-child {
243
+ padding-top: 0;
244
+ }
245
+ .filerobot-common-Radio-wrapper:last-child {
246
+ padding-bottom: 0;
247
+ }
198
248
 
199
249
  .filerobot-common-Radio {
200
250
  display: inline-block;
201
- padding-right: 8px; }
251
+ padding-right: 8px;
252
+ }
202
253
 
203
254
  .filerobot-common-Radio-label {
204
255
  font-size: 16px;
205
256
  line-height: 18px;
206
- color: #37414B; }
257
+ color: #37414B;
258
+ }
207
259
 
208
260
  .filerobot-common-FormGroup:not(:last-child) {
209
- margin-bottom: 16px; }
261
+ margin-bottom: 16px;
262
+ }
210
263
 
211
264
  .filerobot-common-FormControl-inline {
212
- display: flex; }
213
-
265
+ display: flex;
266
+ }
214
267
  .filerobot-common-FormControl-with-hint {
215
- margin-bottom: 0; }
216
-
268
+ margin-bottom: 0;
269
+ }
217
270
  .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; }
271
+ color: #E85B46;
272
+ }
273
+ .filerobot-common-FormControl-error .filerobot-common-InputLabel,
274
+ .filerobot-common-FormControl-error .filerobot-common-FormHelperText,
275
+ .filerobot-common-FormControl-error .SfxLabel-root,
276
+ .filerobot-common-FormControl-error .SfxFormHint-root {
277
+ color: #E85B46;
278
+ }
279
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root,
280
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea,
281
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select,
282
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input,
283
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root {
284
+ color: #E85B46;
285
+ border-color: #E85B46;
286
+ background: #fff;
287
+ outline-color: #E85B46;
288
+ }
289
+ .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,
290
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus-within,
291
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:focus,
292
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Textarea:hover,
293
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus-within,
294
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:focus,
295
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Select:hover,
296
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus-within,
297
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:focus,
298
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .filerobot-common-Input:hover,
299
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus-within,
300
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:focus,
301
+ .filerobot-common-FormControl-error:not(:has([data-valid=true])) .SfxInput-root:hover {
302
+ border: 1px solid #E85B46;
303
+ outline: none;
304
+ }
248
305
 
249
306
  .filerobot-common-InputLabel {
250
307
  display: flex;
@@ -252,22 +309,28 @@
252
309
  margin-bottom: 3px;
253
310
  font-size: 12px;
254
311
  font-weight: 400;
255
- color: #768184; }
312
+ color: #768184;
313
+ }
256
314
 
257
315
  .filerobot-common-FormHelperText {
258
316
  margin-top: 3px;
259
317
  font-size: 10px;
260
- color: #768184; }
261
- .filerobot-common-FormHelperText-medium {
262
- font-size: 14px; }
263
- .filerobot-common-FormHelperText-no-margin {
264
- margin: 0; }
318
+ color: #768184;
319
+ }
320
+ .filerobot-common-FormHelperText-medium {
321
+ font-size: 14px;
322
+ }
323
+ .filerobot-common-FormHelperText-no-margin {
324
+ margin: 0;
325
+ }
265
326
 
266
327
  .filerobot-common-autoSuggest {
267
- position: relative; }
268
- .filerobot-common-autoSuggest-list-wrapper {
269
- position: absolute;
270
- z-index: 11111111111111; }
328
+ position: relative;
329
+ }
330
+ .filerobot-common-autoSuggest-list-wrapper {
331
+ position: absolute;
332
+ z-index: 11111111111111;
333
+ }
271
334
 
272
335
  .suggestions-list {
273
336
  border: 1px solid #ddd;
@@ -280,102 +343,115 @@
280
343
  background-color: #fff;
281
344
  max-height: 200px;
282
345
  overflow-y: scroll;
283
- overflow-x: hidden; }
284
- .suggestions-list li {
285
- padding: 0.5rem;
286
- font-size: 1rem; }
287
-
346
+ overflow-x: hidden;
347
+ }
348
+ .suggestions-list li {
349
+ padding: 0.5rem;
350
+ font-size: 1rem;
351
+ }
288
352
  .suggestions-tags {
289
353
  display: inline-flex;
290
354
  flex-wrap: wrap;
291
355
  margin: 0;
292
356
  padding: 0;
293
357
  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; }
358
+ list-style: none;
359
+ }
360
+ .suggestions-tags li {
361
+ position: relative;
362
+ align-items: center;
363
+ margin: 0 8px 8px 0;
364
+ padding: 4px 12px;
365
+ border-radius: 2px;
366
+ border: 1px dashed #5D6D7E;
367
+ background: transparent;
368
+ color: #5D6D7E;
369
+ display: flex;
370
+ font-family: "Roboto";
371
+ font-size: 14px;
372
+ line-height: 16.4px;
373
+ font-weight: 400;
374
+ list-style: none;
375
+ -webkit-user-select: none;
376
+ -moz-user-select: none;
377
+ user-select: none;
378
+ max-height: 24px;
379
+ }
380
+ .suggestions-tags li:hover .filerobot-c-icon {
381
+ display: block;
382
+ }
383
+ .suggestions-tags li .filerobot-c-icon {
384
+ display: none;
385
+ position: absolute;
386
+ top: 3px;
387
+ right: 3px;
388
+ width: 6px;
389
+ height: 6px;
390
+ color: #fff;
391
+ }
392
+ .suggestions-tags li button {
393
+ align-items: center;
394
+ -webkit-appearance: none;
395
+ -moz-appearance: none;
396
+ appearance: none;
397
+ background: transparent;
398
+ border: none;
399
+ border-radius: 50%;
400
+ color: #768184;
401
+ cursor: pointer;
402
+ display: inline-flex;
403
+ font-size: 12px;
404
+ height: 15px;
405
+ justify-content: center;
406
+ line-height: 0;
407
+ margin-left: 8px;
408
+ padding: 0;
409
+ transform: rotate(45deg);
410
+ width: 15px;
411
+ }
343
412
 
344
413
  .no-suggestions {
345
414
  color: #999;
346
- padding: 0.5rem; }
415
+ padding: 0.5rem;
416
+ }
347
417
 
348
418
  .suggestions-title {
349
419
  display: flex;
350
420
  align-items: center;
351
421
  font-size: 12px;
352
422
  font-weight: 400;
353
- padding: 4px 0; }
354
- .suggestions-title svg {
355
- margin-right: 4px; }
423
+ padding: 4px 0;
424
+ }
425
+ .suggestions-title svg {
426
+ margin-right: 4px;
427
+ }
356
428
 
357
429
  .post-upload-suggestion {
358
430
  margin-left: 0;
359
- width: 100%; }
431
+ width: 100%;
432
+ }
360
433
 
361
434
  .suggestion-active,
362
435
  .suggestions li:hover {
363
436
  cursor: pointer;
364
437
  background: #5D6D7E;
365
438
  color: #fff;
366
- border: 1px solid #5D6D7E; }
439
+ border: 1px solid #5D6D7E;
440
+ }
367
441
 
368
442
  .suggestion-loading {
369
443
  display: flex;
370
444
  height: 100px;
371
445
  font-size: 1rem;
372
446
  justify-content: center;
373
- align-items: center; }
447
+ align-items: center;
448
+ }
374
449
 
375
450
  .filerobot-common-Checkbox-wrapper {
376
451
  cursor: pointer;
377
452
  display: flex;
378
- align-items: center; }
453
+ align-items: center;
454
+ }
379
455
 
380
456
  .filerobot-common-Checkbox {
381
457
  display: flex;
@@ -391,7 +467,8 @@
391
467
  border-radius: 1px;
392
468
  outline: none;
393
469
  text-align: center;
394
- cursor: pointer; }
470
+ cursor: pointer;
471
+ }
395
472
 
396
473
  .filerobot-common-Checkbox-label {
397
474
  font-size: 12px;
@@ -399,125 +476,153 @@
399
476
  max-width: calc(100% - 16px);
400
477
  overflow: hidden;
401
478
  white-space: nowrap;
402
- text-overflow: ellipsis; }
479
+ text-overflow: ellipsis;
480
+ }
403
481
 
404
482
  .filerobot-common-Tabs-wrapper {
405
483
  display: flex;
406
484
  width: 92%;
407
- padding-left: 12px; }
485
+ padding-left: 12px;
486
+ }
408
487
 
409
488
  .filerobot-common-Tabs {
410
489
  display: flex;
411
490
  border-bottom: 1px solid #DFE7ED;
412
491
  border-top: 1px solid #DFE7ED;
413
492
  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; }
493
+ align-items: center;
494
+ }
495
+ .filerobot-common-Tabs-panel {
496
+ position: relative;
497
+ margin-bottom: -1px;
498
+ font-size: 12px;
499
+ }
500
+ .filerobot-common-Tabs-panel > input[type=radio] {
501
+ position: absolute;
502
+ left: -200vw;
503
+ }
504
+ .filerobot-common-Tabs-panel .bottom-line {
505
+ display: none;
506
+ position: absolute;
507
+ background: #6879EB;
508
+ bottom: 0;
509
+ left: 7px;
510
+ right: 7px;
511
+ height: 1px;
512
+ }
513
+ .filerobot-common-Tabs-panel > label {
514
+ color: #5D6D7E;
515
+ position: relative;
516
+ display: flex;
517
+ padding: 7px;
518
+ border: 1px solid transparent;
519
+ border-top-left-radius: 0.1rem;
520
+ border-top-right-radius: 0.1rem;
521
+ cursor: pointer;
522
+ }
523
+ .filerobot-common-Tabs-panel > label > svg {
524
+ margin-right: 8px;
525
+ height: 12px;
526
+ width: 12px;
527
+ }
528
+ .filerobot-common-Tabs-panel:first-child > label {
529
+ padding-left: 0;
530
+ }
531
+ .filerobot-common-Tabs-panel:first-child > label + .bottom-line {
532
+ left: 0;
533
+ }
534
+ .filerobot-common-Tabs-panel > input:checked + label {
535
+ color: #6879EB;
536
+ }
537
+ .filerobot-common-Tabs-panel > input:checked + label + .bottom-line {
538
+ display: block;
539
+ }
540
+ .filerobot-common-Tabs .subtabs-wrapper {
541
+ padding: 12px 0;
542
+ }
453
543
 
454
544
  .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; }
545
+ margin-bottom: 16px;
546
+ }
547
+ .filerobot-common-inputAndLabel-form-group {
548
+ margin-bottom: 19px;
549
+ }
550
+ .filerobot-common-inputAndLabel-input-header {
551
+ font-size: 14px;
552
+ line-height: 16px;
553
+ font-weight: 400;
554
+ margin-bottom: 3px;
555
+ }
556
+ .filerobot-common-inputAndLabel-header-links-label {
557
+ display: flex;
558
+ align-items: center;
559
+ color: #768A9F;
560
+ }
561
+ .filerobot-common-inputAndLabel-input-text-wrapper {
562
+ position: relative;
563
+ width: 100%;
564
+ }
565
+ .filerobot-common-inputAndLabel-input-text-wrapper input[type=time]::-webkit-calendar-picker-indicator {
566
+ opacity: 0;
567
+ display: block;
568
+ width: 20px;
569
+ height: 20px;
570
+ z-index: 2;
571
+ margin-top: 2px;
572
+ cursor: pointer;
573
+ }
574
+ .filerobot-common-inputAndLabel-input-text-wrapper-disable-icon input[type=date]::-webkit-calendar-picker-indicator {
575
+ display: none;
576
+ }
577
+ .filerobot-common-inputAndLabel-input-icon {
578
+ position: absolute;
579
+ top: 0;
580
+ right: 0;
581
+ margin: 6px;
582
+ cursor: pointer;
583
+ }
584
+ .filerobot-common-inputAndLabel-input-text {
585
+ width: 100%;
586
+ font-size: 16px;
587
+ line-height: 18px;
588
+ padding: 10px 16px;
589
+ background-color: #fff;
590
+ border: 1px solid #CCD6DE;
591
+ border-radius: 4px;
592
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
593
+ cursor: auto;
594
+ font-family: "Roboto";
595
+ font-weight: 400;
596
+ }
597
+ .filerobot-common-inputAndLabel-input-text:focus {
598
+ background-color: #FFFFFF !important;
599
+ border: 1px solid rgb(104, 121, 235);
600
+ outline: none;
601
+ }
602
+ .filerobot-common-inputAndLabel-input-text:hover {
603
+ background-color: rgb(239, 243, 246);
604
+ }
504
605
 
505
606
  .filerobot-common-Spinner {
506
607
  display: flex;
507
608
  align-items: center;
508
609
  justify-content: center;
509
- margin-right: 6px; }
510
- .filerobot-common-Spinner svg {
511
- animation: rotating-spinner 2s linear infinite; }
610
+ margin-right: 6px;
611
+ }
612
+ .filerobot-common-Spinner svg {
613
+ animation: rotating-spinner 2s linear infinite;
614
+ }
512
615
 
513
616
  .filerobot-common-Spinner-noMargin {
514
- margin: 0; }
617
+ margin: 0;
618
+ }
515
619
 
516
620
  .filerobot-common-Spinner-filledCentered {
517
621
  width: 100%;
518
622
  height: 100%;
519
623
  margin: 0;
520
- padding: 8px; }
624
+ padding: 8px;
625
+ }
521
626
 
522
627
  .filerobot-common-Spinner-spinnerContainer {
523
628
  height: 100%;
@@ -526,17 +631,20 @@
526
631
  display: flex;
527
632
  justify-content: center;
528
633
  align-items: center;
529
- padding: 2px; }
530
- .filerobot-common-Spinner-spinnerContainer svg {
531
- width: 30px;
532
- height: 30px; }
533
-
634
+ padding: 2px;
635
+ }
636
+ .filerobot-common-Spinner-spinnerContainer svg {
637
+ width: 30px;
638
+ height: 30px;
639
+ }
534
640
  @keyframes rotating-spinner {
535
641
  from {
536
- transform: rotate(0deg); }
642
+ transform: rotate(0deg);
643
+ }
537
644
  to {
538
- transform: rotate(360deg); } }
539
-
645
+ transform: rotate(360deg);
646
+ }
647
+ }
540
648
  .filerobot-common-ItemHoverTopOptions {
541
649
  position: absolute;
542
650
  top: 4%;
@@ -551,34 +659,42 @@
551
659
  align-items: flex-start;
552
660
  pointer-events: none;
553
661
  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; }
662
+ transition: all 100ms ease-in-out;
663
+ }
664
+ .filerobot-common-ItemHoverTopOptions button {
665
+ min-width: 12px;
666
+ min-height: 16px;
667
+ padding: 4px 7px;
668
+ height: auto;
669
+ pointer-events: auto;
670
+ background: rgba(79, 98, 118, 0.7);
671
+ width: 24px;
672
+ height: 24px;
673
+ border-radius: 50%;
674
+ margin: 0 2px;
675
+ transition: all 100ms ease-in-out;
676
+ }
677
+ .filerobot-common-ItemHoverTopOptions button svg * {
678
+ color: #fff;
679
+ fill: #fff;
680
+ }
681
+ .filerobot-common-ItemHoverTopOptions button:not(:active, :disabled):hover {
682
+ background: rgb(55, 65, 75);
683
+ }
684
+ .filerobot-common-ItemHoverTopOptions button:not(:active, :disabled):hover svg * {
685
+ fill: #DFE7ED;
686
+ color: #DFE7ED;
687
+ }
688
+ *:hover > .filerobot-common-ItemHoverTopOptions {
689
+ visibility: visible;
690
+ }
691
+ .filerobot-common-ItemHoverTopOptions-disableHover {
692
+ display: flex;
693
+ visibility: visible;
694
+ }
695
+ .filerobot-common-ItemHoverTopOptions-disableHover:hover {
696
+ background: none;
697
+ }
582
698
 
583
699
  .filerobot-common-DropFilesHereHint {
584
700
  visibility: hidden;
@@ -595,49 +711,58 @@
595
711
  color: #768184;
596
712
  font-size: 24px;
597
713
  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
-
714
+ background-color: rgba(255, 255, 255, 0.9);
715
+ }
716
+ .filerobot-common-DropFilesHereHint-inner {
717
+ display: flex;
718
+ flex-direction: column;
719
+ align-items: center;
720
+ justify-content: center;
721
+ position: absolute;
722
+ top: 7px;
723
+ right: 7px;
724
+ bottom: 7px;
725
+ left: 7px;
726
+ border: 1px dashed #5282DB;
727
+ border-radius: 3px;
728
+ }
729
+ .filerobot-common-DropFilesHereHint-inner svg {
730
+ margin-bottom: 25px;
731
+ animation: 2s moving ease infinite;
732
+ }
615
733
  @keyframes moving {
616
- 0%,
617
- 100% {
618
- transform: scale(1) translate(0, 0); }
734
+ 0%, 100% {
735
+ transform: scale(1) translate(0, 0);
736
+ }
619
737
  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"); }
738
+ transform: scale(1.1) translate(0, -10px);
739
+ }
740
+ }
741
+ [data-filerobot-theme=dark] .filerobot-common-DropFilesHereHint {
742
+ color: #bbb;
743
+ border-color: #02baf2;
744
+ 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");
745
+ }
625
746
 
626
747
  .filerobot-common-DropFilesTarget * {
627
- pointer-events: none; }
748
+ pointer-events: none;
749
+ }
628
750
 
629
751
  .filerobot-common-DropFilesHereHint-visible {
630
- visibility: visible; }
752
+ visibility: visible;
753
+ }
631
754
 
632
755
  .filerobot-common-Search .filerobot-c-separator {
633
756
  height: 70%;
634
- margin: 0; }
757
+ margin: 0;
758
+ }
635
759
 
636
760
  .filerobot-common-Search-searchButton {
637
761
  height: 100%;
638
762
  padding: 12px;
639
763
  padding-top: 10px;
640
- cursor: pointer; }
764
+ cursor: pointer;
765
+ }
641
766
 
642
767
  .filerobot-common-Search {
643
768
  display: flex;
@@ -647,14 +772,17 @@
647
772
  border: 1px solid #DFE7ED;
648
773
  border-radius: 4px;
649
774
  align-items: center;
650
- white-space: nowrap; }
775
+ white-space: nowrap;
776
+ }
651
777
 
652
778
  .filerobot-common-Search:focus-within,
653
779
  .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; }
780
+ background-color: rgb(255, 255, 255) !important;
781
+ }
782
+ .filerobot-common-Search:focus-within .filerobot-common-Search-searchInput,
783
+ .filerobot-common-Search:active .filerobot-common-Search-searchInput {
784
+ background-color: rgb(255, 255, 255) !important;
785
+ }
658
786
 
659
787
  .filerobot-common-Search-searchInput {
660
788
  height: -moz-fit-content;
@@ -668,34 +796,43 @@
668
796
  border: none;
669
797
  min-width: 24px;
670
798
  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; }
799
+ margin: 6px 0px;
800
+ }
801
+ .filerobot-common-Search-searchInput button {
802
+ height: 100%;
803
+ }
804
+ .filerobot-common-Search-searchInput .filerobot-common-TopBar-input-fragment {
805
+ display: inherit;
806
+ height: inherit;
807
+ width: inherit;
808
+ }
809
+ .filerobot-common-Search-searchInput:focus {
810
+ outline: none;
811
+ }
812
+ [data-filerobot-theme=dark] .filerobot-common-Search-searchInput {
813
+ background-color: #1f1f1f;
814
+ }
815
+ [data-filerobot-theme=dark] .filerobot-common-Search-searchInput {
816
+ color: #fff;
817
+ }
818
+ .filerobot-common-Search-searchInput::-moz-placeholder {
819
+ font-size: 14px;
820
+ font-style: normal;
821
+ font-weight: 400;
822
+ color: #A9B6C2;
823
+ }
824
+ .filerobot-common-Search-searchInput::placeholder {
825
+ font-size: 14px;
826
+ font-style: normal;
827
+ font-weight: 400;
828
+ color: #A9B6C2;
829
+ }
694
830
 
695
831
  .filerobot-common-Search-searchAndAppendedOptions {
696
832
  display: flex;
697
833
  align-items: center;
698
- height: 100%; }
834
+ height: 100%;
835
+ }
699
836
 
700
837
  .filerobot-common-Search-searchAndFiltersInputs {
701
838
  position: relative;
@@ -706,7 +843,8 @@
706
843
  flex-grow: 1;
707
844
  overflow: auto hidden;
708
845
  white-space: nowrap;
709
- -ms-overflow-style: none; }
846
+ -ms-overflow-style: none;
847
+ }
710
848
 
711
849
  .filerobot-common-PoweredBy-label {
712
850
  border: 1px solid #DFE7ED;
@@ -724,12 +862,14 @@
724
862
  -moz-user-select: none;
725
863
  user-select: none;
726
864
  z-index: 1001;
727
- margin-right: -1px; }
865
+ margin-right: -1px;
866
+ }
728
867
 
729
868
  .filerobot-common-secondaryTxt {
730
869
  color: #939393;
731
870
  font-size: 12px;
732
- line-height: 14px; }
871
+ line-height: 14px;
872
+ }
733
873
 
734
874
  .filerobot-TransitionWrapper {
735
875
  --translateX: 0;
@@ -739,173 +879,201 @@
739
879
  position: absolute;
740
880
  top: 0;
741
881
  background: #fff;
742
- overflow-y: hidden; }
743
- .filerobot-TransitionWrapper.--applied {
744
- display: block;
745
- z-index: 1002;
746
- height: 100%;
747
- width: 100%; }
882
+ overflow-y: hidden;
883
+ }
884
+ .filerobot-TransitionWrapper.--applied {
885
+ display: block;
886
+ z-index: 1002;
887
+ height: 100%;
888
+ width: 100%;
889
+ }
748
890
 
749
891
  .filerobot-transition-slideDownUp-enter {
750
892
  opacity: 0.01;
751
893
  transform: translate3d(var(--translateX), var(--translateY-hidden), 0);
752
- transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }
894
+ transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
895
+ }
753
896
 
754
897
  .filerobot-transition-slideDownUp-enter.filerobot-transition-slideDownUp-enter-active {
755
898
  opacity: 1;
756
- transform: translate3d(var(--translateX), var(--translateY-shown), 0); }
899
+ transform: translate3d(var(--translateX), var(--translateY-shown), 0);
900
+ }
757
901
 
758
902
  .filerobot-transition-slideDownUp-leave {
759
903
  opacity: 1;
760
904
  transform: translate3d(var(--translateX), var(--translateY-shown), 0);
761
- transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out; }
905
+ transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
906
+ }
762
907
 
763
908
  .filerobot-transition-slideDownUp-leave.filerobot-transition-slideDownUp-leave-active {
764
909
  opacity: 0.01;
765
- transform: translate3d(var(--translateX), var(--translateY-hidden), 0); }
910
+ transform: translate3d(var(--translateX), var(--translateY-hidden), 0);
911
+ }
766
912
 
767
913
  .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; }
914
+ position: relative;
915
+ }
916
+ .filerobot-common-datePicker * {
917
+ -webkit-touch-callout: none; /* iOS Safari */
918
+ -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
919
+ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
920
+ user-select: none; /* Non-prefixed version, currently */
921
+ }
922
+ .filerobot-common-datePicker-overlay {
923
+ position: absolute;
924
+ top: 0;
925
+ left: 0;
926
+ right: 0;
927
+ bottom: 0;
928
+ }
929
+ .filerobot-common-datePicker-input {
930
+ overflow: hidden;
931
+ }
932
+ .filerobot-common-datePicker-input input {
933
+ cursor: pointer;
934
+ }
935
+ .filerobot-common-datePicker-input input:focus {
936
+ outline: none;
937
+ }
938
+ .filerobot-common-datePicker-container {
939
+ position: absolute;
940
+ width: 215px;
941
+ min-height: 200px;
942
+ max-height: 240px;
943
+ background: #fff;
944
+ box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);
945
+ border-radius: 4px;
946
+ overflow: hidden;
947
+ padding: 12px 12px;
948
+ z-index: 11111111111111;
949
+ }
950
+ .filerobot-common-datePicker-container-head {
951
+ display: flex;
952
+ align-items: center;
953
+ }
954
+ .filerobot-common-datePicker-container-head-body {
955
+ float: left;
956
+ width: 120px;
957
+ height: 100%;
958
+ }
959
+ .filerobot-common-datePicker-container-head-body-year {
960
+ width: 100%;
961
+ height: 30px;
962
+ font-size: 27px;
963
+ color: #5D6D7E;
964
+ font-weight: 200px;
965
+ text-align: center;
966
+ float: left;
967
+ }
968
+ .filerobot-common-datePicker-container-head-body-month {
969
+ float: left;
970
+ width: 100%;
971
+ height: 15px;
972
+ font-size: 13px;
973
+ color: #5D6D7E;
974
+ font-weight: 200px;
975
+ text-align: center;
976
+ }
977
+ .filerobot-common-datePicker-container-head-button {
978
+ width: 45px;
979
+ height: 100%;
980
+ box-sizing: border-box;
981
+ position: relative;
982
+ }
983
+ .filerobot-common-datePicker-container-head-button-inner {
984
+ float: left;
985
+ height: 25px;
986
+ width: 25px;
987
+ background: #f4f4f4;
988
+ border-radius: 2px;
989
+ line-height: 35px;
990
+ text-align: center;
991
+ position: absolute;
992
+ top: 50%;
993
+ left: 50%;
994
+ margin-left: -17px;
995
+ margin-top: -17px;
996
+ }
997
+ .filerobot-common-datePicker-container-head-button-inner:hover > span {
998
+ border-color: #555 !important;
999
+ }
1000
+ .filerobot-common-datePicker-container-head-button-inner:hover {
1001
+ cursor: pointer;
1002
+ background: #eee;
1003
+ }
1004
+ .filerobot-common-datePicker-calendar {
1005
+ width: 100%;
1006
+ height: 100%;
1007
+ }
1008
+ .filerobot-common-datePicker-calendar-body, .filerobot-common-datePicker-calendar-day span, .filerobot-common-datePicker-calendar-day, .filerobot-common-datePicker-calendar-day-container {
1009
+ position: relative;
1010
+ display: block;
1011
+ float: left;
1012
+ box-sizing: border-box;
1013
+ }
1014
+ .filerobot-common-datePicker-calendar-body {
1015
+ height: 250px;
1016
+ width: 100%;
1017
+ }
1018
+ .filerobot-common-datePicker-calendar-day {
1019
+ width: 14%;
1020
+ height: 10%;
1021
+ }
1022
+ .filerobot-common-datePicker-calendar-day-container {
1023
+ width: 100%;
1024
+ height: 100%;
1025
+ font-size: 12px;
1026
+ font-weight: 300;
1027
+ color: #37414B;
1028
+ text-align: center;
1029
+ }
1030
+ .filerobot-common-datePicker-calendar-day-container span {
1031
+ width: 25px;
1032
+ height: 25px;
1033
+ margin-top: -15px;
1034
+ margin-left: -15px;
1035
+ left: 50%;
1036
+ top: 50%;
1037
+ font-weight: 400;
1038
+ border-radius: 2px;
1039
+ line-height: 30px;
1040
+ }
1041
+ .filerobot-common-datePicker-calendar-day-container span:hover {
1042
+ cursor: pointer;
1043
+ background: #E9EEF2;
1044
+ }
1045
+ .filerobot-common-datePicker-calendar-day.disabled {
1046
+ pointer-events: none;
1047
+ }
1048
+ .filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span {
1049
+ color: #ddd;
1050
+ }
1051
+ .filerobot-common-datePicker-calendar-day.disabled .filerobot-common-datePicker-calendar-day-container span {
1052
+ background: #fff !important;
1053
+ }
1054
+ .filerobot-common-datePicker-calendar-day.highlight .filerobot-common-datePicker-calendar-day-container span {
1055
+ background: #5D6D7E;
1056
+ }
1057
+ .filerobot-common-datePicker-calendar-day.highlight-green .filerobot-common-datePicker-calendar-day-container span {
1058
+ background: #4958BC;
1059
+ color: #fff;
1060
+ }
1061
+ .filerobot-common-datePicker-calendar-head {
1062
+ display: flex;
1063
+ height: 20px;
1064
+ width: 100%;
1065
+ margin-top: 2px;
1066
+ margin-bottom: 5px;
1067
+ }
1068
+ .filerobot-common-datePicker-calendar-head-name {
1069
+ width: 14.285%;
1070
+ height: 30px;
1071
+ line-height: 30px;
1072
+ font-weight: 700;
1073
+ color: #5D6D7E;
1074
+ font-size: 9px;
1075
+ text-align: center;
1076
+ }
909
1077
 
910
1078
  .mdpchbi-right-arrows:after,
911
1079
  .mdpchbi-left-arrows:after,
@@ -919,7 +1087,8 @@
919
1087
  height: 6px;
920
1088
  border-left: 2px solid #888;
921
1089
  border-bottom: 2px solid #888;
922
- position: absolute; }
1090
+ position: absolute;
1091
+ }
923
1092
 
924
1093
  .mdpchbi-right-arrow,
925
1094
  .mdpchbi-right-arrows,
@@ -929,35 +1098,41 @@
929
1098
  left: 50%;
930
1099
  top: 50%;
931
1100
  margin-left: -2px;
932
- margin-top: -4px; }
1101
+ margin-top: -4px;
1102
+ }
933
1103
 
934
1104
  .mdpchbi-right-arrows,
935
1105
  .mdpchbi-right-arrow {
936
1106
  transform: rotate(225deg);
937
- margin-left: -4px; }
1107
+ margin-left: -4px;
1108
+ }
938
1109
 
939
1110
  .mdpchbi-right-arrows:after,
940
1111
  .mdpchbi-left-arrows:after {
941
- content: ''; }
1112
+ content: "";
1113
+ }
942
1114
 
943
1115
  .mdpchbi-left-arrows {
944
- margin-left: -5px; }
1116
+ margin-left: -5px;
1117
+ }
945
1118
 
946
1119
  .mdpchbi-right-arrows {
947
- margin-left: -2px; }
1120
+ margin-left: -2px;
1121
+ }
948
1122
 
949
1123
  .mdpchbi-right-arrows:after,
950
1124
  .mdpchbi-left-arrows:after {
951
1125
  left: 3px;
952
- top: -5px; }
1126
+ top: -5px;
1127
+ }
953
1128
 
954
1129
  .filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list::after {
955
- content: '';
956
- flex: auto; }
957
-
1130
+ content: "";
1131
+ flex: auto;
1132
+ }
958
1133
  .filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:focus {
959
- outline: none; }
960
-
1134
+ outline: none;
1135
+ }
961
1136
  .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-header {
962
1137
  display: flex;
963
1138
  align-items: center;
@@ -967,43 +1142,51 @@
967
1142
  padding: 0 12px;
968
1143
  margin-top: 12px;
969
1144
  cursor: pointer;
970
- font-size: 12px; }
971
-
1145
+ font-size: 12px;
1146
+ }
972
1147
  .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper {
973
- padding: 8px 24px 12px; }
974
- .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper-list {
975
- list-style: none;
976
- padding: 0;
977
- width: 100%;
978
- display: grid;
979
- grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
980
-
1148
+ padding: 8px 24px 12px;
1149
+ }
1150
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper-list {
1151
+ list-style: none;
1152
+ padding: 0;
1153
+ width: 100%;
1154
+ display: grid;
1155
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
1156
+ }
981
1157
  .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem {
982
1158
  min-width: 200px;
983
1159
  position: relative;
984
- margin: 0; }
985
- .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem::before {
986
- content: '';
987
- padding-top: 88%;
988
- display: block; }
989
- .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.item-folder .filerobot-ProviderBrowserItem-folderSelectBox, .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem.item-folder:hover .filerobot-ProviderBrowserItem-folderSelectBox {
990
- display: flex; }
991
- .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.filerobot-ProviderBrowserItem--beingRenamed):hover .filerobot-Explorer-dots-menu-icon {
992
- display: block; }
993
- .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
994
- outline: none;
995
- border: 4px solid transparent; }
996
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
997
- border: 4px solid #000;
998
- background-color: #4D4E4E; }
999
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):hover *,
1000
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):focus * {
1001
- color: #000; }
1002
- .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder).no-selection .filerobot-ProviderBrowserItem-inner {
1003
- cursor: auto; }
1004
- .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):not(.no-selection) .filerobot-ProviderBrowserItem-inner:hover {
1005
- background-color: #EFF3F6; }
1006
-
1160
+ margin: 0;
1161
+ }
1162
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem::before {
1163
+ content: "";
1164
+ padding-top: 88%;
1165
+ display: block;
1166
+ }
1167
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.item-folder .filerobot-ProviderBrowserItem-folderSelectBox, .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem.item-folder:hover .filerobot-ProviderBrowserItem-folderSelectBox {
1168
+ display: flex;
1169
+ }
1170
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.filerobot-ProviderBrowserItem--beingRenamed):hover .filerobot-Explorer-dots-menu-icon {
1171
+ display: block;
1172
+ }
1173
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
1174
+ outline: none;
1175
+ border: 4px solid transparent;
1176
+ }
1177
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
1178
+ border: 4px solid #000;
1179
+ background-color: #4D4E4E;
1180
+ }
1181
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):hover *, [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):focus * {
1182
+ color: #000;
1183
+ }
1184
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder).no-selection .filerobot-ProviderBrowserItem-inner {
1185
+ cursor: auto;
1186
+ }
1187
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):not(.no-selection) .filerobot-ProviderBrowserItem-inner:hover {
1188
+ background-color: #EFF3F6;
1189
+ }
1007
1190
  .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-videoDuration {
1008
1191
  position: absolute;
1009
1192
  bottom: 33%;
@@ -1017,38 +1200,41 @@
1017
1200
  line-height: 12px;
1018
1201
  font-size: 11px;
1019
1202
  box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
1020
- color: #fff !important; }
1021
-
1203
+ color: #fff !important;
1204
+ }
1022
1205
  .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner {
1023
- background-color: #5D6D7E !important; }
1024
- .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner * {
1025
- fill: #fff;
1026
- color: #fff; }
1027
-
1206
+ background-color: #5D6D7E !important;
1207
+ }
1208
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner * {
1209
+ fill: #fff;
1210
+ color: #fff;
1211
+ }
1028
1212
  .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta input {
1029
1213
  text-align: center;
1030
1214
  color: #000 !important;
1031
1215
  margin-top: 4px;
1032
- margin-bottom: -1px; }
1033
-
1216
+ margin-bottom: -1px;
1217
+ }
1034
1218
  .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta button.filerobot-ProviderBrowserItem-inner:focus {
1035
- box-shadow: none !important; }
1036
-
1219
+ box-shadow: none !important;
1220
+ }
1037
1221
  .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-Explorer-Item-fileInfoAndButtons {
1038
- background-color: inherit; }
1039
-
1222
+ background-color: inherit;
1223
+ }
1040
1224
  .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner {
1041
- background-color: rgba(147, 147, 147, 0.2); }
1042
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner {
1043
- background-color: rgba(234, 234, 234, 0.2); }
1044
-
1225
+ background-color: rgba(147, 147, 147, 0.2);
1226
+ }
1227
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner {
1228
+ background-color: rgba(234, 234, 234, 0.2);
1229
+ }
1045
1230
  .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg {
1046
1231
  fill: rgba(0, 0, 0, 0.7);
1047
1232
  width: 30%;
1048
- height: 30%; }
1049
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg {
1050
- fill: rgba(255, 255, 255, 0.8); }
1051
-
1233
+ height: 30%;
1234
+ }
1235
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg {
1236
+ fill: rgba(255, 255, 255, 0.8);
1237
+ }
1052
1238
  .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner {
1053
1239
  overflow: hidden;
1054
1240
  position: absolute;
@@ -1059,258 +1245,303 @@
1059
1245
  height: 100%;
1060
1246
  border-radius: 2px;
1061
1247
  box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
1062
- background-color: #EFF3F6; }
1063
- .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner:focus {
1064
- outline: none; }
1065
- .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta {
1066
- display: flex;
1067
- flex-direction: column-reverse;
1068
- align-items: center;
1069
- justify-content: flex-end; }
1070
- .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta:focus {
1071
- box-shadow: none; }
1072
- .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta img {
1073
- -o-object-fit: contain;
1074
- object-fit: contain;
1075
- width: 100%;
1076
- height: 100%;
1077
- max-width: 100%;
1078
- max-height: 100%; }
1079
-
1248
+ background-color: #EFF3F6;
1249
+ }
1250
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner:focus {
1251
+ outline: none;
1252
+ }
1253
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta {
1254
+ display: flex;
1255
+ flex-direction: column-reverse;
1256
+ align-items: center;
1257
+ justify-content: flex-end;
1258
+ }
1259
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta:focus {
1260
+ box-shadow: none;
1261
+ }
1262
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta img {
1263
+ -o-object-fit: contain;
1264
+ object-fit: contain;
1265
+ width: 100%;
1266
+ height: 100%;
1267
+ max-width: 100%;
1268
+ max-height: 100%;
1269
+ }
1080
1270
  .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-fakeCheckbox {
1081
1271
  display: none;
1082
1272
  position: absolute;
1083
1273
  z-index: 3;
1084
1274
  top: 8px;
1085
- left: 8px; }
1086
-
1275
+ left: 8px;
1276
+ }
1087
1277
  .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-folderSelectBox {
1088
1278
  top: 26px;
1089
1279
  left: 14px;
1090
1280
  position: absolute;
1091
- display: none; }
1281
+ display: none;
1282
+ }
1092
1283
 
1093
1284
  .filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-fakeCheckbox {
1094
- display: block; }
1285
+ display: block;
1286
+ }
1095
1287
 
1096
1288
  *:hover > .filerobot-ProviderBrowserItem-fakeCheckbox {
1097
- display: block; }
1289
+ display: block;
1290
+ }
1098
1291
 
1099
1292
  .filerobot-Dragging-folders > *,
1100
1293
  .filerobot-Dragging-files > * {
1101
- pointer-events: none; }
1294
+ pointer-events: none;
1295
+ }
1102
1296
 
1103
1297
  .filerobot-ProviderBrowser-layoutType--list,
1104
1298
  .filerobot-ProviderBrowser-layoutType--tiles {
1105
- background-color: #fff; }
1106
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--list, [data-filerobot-theme="dark"]
1107
- .filerobot-ProviderBrowser-layoutType--tiles {
1108
- background-color: #1f1f1f; }
1109
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell,
1110
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell {
1111
- text-overflow: ellipsis;
1112
- white-space: nowrap;
1113
- overflow: hidden;
1114
- white-space: nowrap;
1115
- text-align: left;
1116
- cursor: pointer;
1117
- font-size: 14px;
1118
- flex: 0.5 0; }
1119
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-cursor-default,
1120
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-cursor-default {
1121
- cursor: default !important; }
1122
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-icon,
1123
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon {
1124
- max-width: 24px;
1125
- min-width: 20px; }
1126
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn,
1127
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn {
1128
- display: flex;
1129
- align-items: center;
1130
- flex: 1 0; }
1131
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn input, .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
1132
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn input,
1133
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
1134
- width: 80%; }
1135
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
1136
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
1137
- text-overflow: ellipsis;
1138
- white-space: nowrap;
1139
- overflow: hidden; }
1140
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-list,
1141
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-list {
1142
- outline: none; }
1143
- .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,
1144
- .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
1145
- outline: none;
1146
- display: flex;
1147
- align-items: center;
1148
- padding: 11px 12px;
1149
- margin: 0;
1150
- border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
1151
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem, [data-filerobot-theme="dark"]
1152
- .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
1153
- color: #eaeaea; }
1154
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-body,
1155
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-body {
1156
- width: 100%;
1157
- overflow-x: auto; }
1158
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header,
1159
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header {
1160
- text-overflow: ellipsis;
1161
- white-space: nowrap;
1162
- overflow: hidden;
1163
- display: flex;
1164
- align-items: center;
1165
- text-align: left;
1166
- padding: 12px;
1167
- font-weight: 400;
1168
- font-size: 14px;
1169
- line-height: 16px;
1170
- border-bottom: 1.5px solid rgba(0, 0, 0, 0.07);
1171
- position: sticky;
1172
- top: -1px;
1173
- background-color: #fff;
1174
- z-index: 11; }
1175
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header:last-child,
1176
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header:last-child {
1177
- margin-right: 0; }
1178
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-c-icon,
1179
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-c-icon {
1180
- vertical-align: middle; }
1181
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-wrapper-list,
1182
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-wrapper-list {
1183
- padding: 0; }
1184
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-fakeCheckbox,
1185
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-fakeCheckbox {
1186
- margin-right: 8px;
1187
- vertical-align: middle; }
1188
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem,
1189
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem {
1190
- color: #4D4E4E; }
1191
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner,
1192
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner {
1193
- text-overflow: ellipsis;
1194
- white-space: nowrap;
1195
- overflow: hidden;
1196
- display: flex;
1197
- align-items: center;
1198
- width: 100%;
1199
- line-height: 1.3;
1200
- outline: none; }
1201
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner input,
1202
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner input {
1203
- height: 17px; }
1204
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner img, .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner svg,
1205
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner img,
1206
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner svg {
1207
- max-width: 20px;
1208
- max-height: 20px; }
1209
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected,
1210
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected {
1211
- background: #5D6D7E;
1212
- color: #fff;
1213
- border-bottom: 1px solid #DFE7ED !important; }
1214
- .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected svg path,
1215
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected svg path {
1216
- fill: #DFE7ED; }
1217
- .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-listHead-checkbox,
1218
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-listHead-checkbox {
1219
- min-width: 16px; }
1299
+ background-color: #fff;
1300
+ }
1301
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list,
1302
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles {
1303
+ background-color: #1f1f1f;
1304
+ }
1305
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell,
1306
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell {
1307
+ text-overflow: ellipsis;
1308
+ white-space: nowrap;
1309
+ overflow: hidden;
1310
+ white-space: nowrap;
1311
+ text-align: left;
1312
+ cursor: pointer;
1313
+ font-size: 14px;
1314
+ flex: 0.5 0;
1315
+ }
1316
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-cursor-default,
1317
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-cursor-default {
1318
+ cursor: default !important;
1319
+ }
1320
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-icon,
1321
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon {
1322
+ max-width: 24px;
1323
+ min-width: 20px;
1324
+ }
1325
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn,
1326
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn {
1327
+ display: flex;
1328
+ align-items: center;
1329
+ flex: 1 0;
1330
+ }
1331
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn input, .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
1332
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn input,
1333
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
1334
+ width: 80%;
1335
+ }
1336
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
1337
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
1338
+ text-overflow: ellipsis;
1339
+ white-space: nowrap;
1340
+ overflow: hidden;
1341
+ }
1342
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-list,
1343
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-list {
1344
+ outline: none;
1345
+ }
1346
+ .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,
1347
+ .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
1348
+ outline: none;
1349
+ display: flex;
1350
+ align-items: center;
1351
+ padding: 11px 12px;
1352
+ margin: 0;
1353
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1354
+ }
1355
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,
1356
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
1357
+ color: #eaeaea;
1358
+ }
1359
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-body,
1360
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-body {
1361
+ width: 100%;
1362
+ overflow-x: auto;
1363
+ }
1364
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header,
1365
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header {
1366
+ text-overflow: ellipsis;
1367
+ white-space: nowrap;
1368
+ overflow: hidden;
1369
+ display: flex;
1370
+ align-items: center;
1371
+ text-align: left;
1372
+ padding: 12px;
1373
+ font-weight: 400;
1374
+ font-size: 14px;
1375
+ line-height: 16px;
1376
+ border-bottom: 1.5px solid rgba(0, 0, 0, 0.07);
1377
+ position: sticky;
1378
+ top: -1px;
1379
+ background-color: #fff;
1380
+ z-index: 11;
1381
+ }
1382
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header:last-child,
1383
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header:last-child {
1384
+ margin-right: 0;
1385
+ }
1386
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-c-icon,
1387
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-c-icon {
1388
+ vertical-align: middle;
1389
+ }
1390
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-wrapper-list,
1391
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-wrapper-list {
1392
+ padding: 0;
1393
+ }
1394
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-fakeCheckbox,
1395
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-fakeCheckbox {
1396
+ margin-right: 8px;
1397
+ vertical-align: middle;
1398
+ }
1399
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner,
1400
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner {
1401
+ text-overflow: ellipsis;
1402
+ white-space: nowrap;
1403
+ overflow: hidden;
1404
+ display: flex;
1405
+ align-items: center;
1406
+ width: 100%;
1407
+ line-height: 1.3;
1408
+ outline: none;
1409
+ }
1410
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner input,
1411
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner input {
1412
+ height: 17px;
1413
+ }
1414
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner img, .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner svg,
1415
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner img,
1416
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner svg {
1417
+ max-width: 20px;
1418
+ max-height: 20px;
1419
+ }
1420
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem,
1421
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem {
1422
+ color: #4D4E4E;
1423
+ }
1424
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected,
1425
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected {
1426
+ background: #5D6D7E;
1427
+ color: #fff;
1428
+ border-bottom: 1px solid #DFE7ED !important;
1429
+ }
1430
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected svg path,
1431
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected svg path {
1432
+ fill: #DFE7ED;
1433
+ }
1434
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-listHead-checkbox,
1435
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-listHead-checkbox {
1436
+ min-width: 16px;
1437
+ }
1220
1438
 
1221
1439
  .filerobot-ProviderBrowser-layoutType--list .filerobot-common-Checkbox {
1222
- margin-right: 8px; }
1223
-
1440
+ margin-right: 8px;
1441
+ }
1224
1442
  .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon {
1225
1443
  display: flex;
1226
- padding-left: 2px; }
1444
+ padding-left: 2px;
1445
+ }
1227
1446
 
1228
1447
  .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header {
1229
- padding: 11px 12px; }
1230
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon {
1231
- display: flex;
1232
- padding-left: 4px;
1233
- margin-left: 4px; }
1234
-
1448
+ padding: 11px 12px;
1449
+ }
1450
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon {
1451
+ display: flex;
1452
+ padding-left: 4px;
1453
+ margin-left: 4px;
1454
+ }
1235
1455
  .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
1236
- padding: 11px 12px; }
1237
-
1456
+ padding: 11px 12px;
1457
+ }
1238
1458
  .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon {
1239
1459
  max-width: 36px;
1240
1460
  min-width: 36px;
1241
- margin-right: 8px; }
1242
- .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon svg:not(.context-menu-icon), .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon img {
1243
- width: 36px;
1244
- max-width: 36px;
1245
- max-height: 36px; }
1461
+ margin-right: 8px;
1462
+ }
1463
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon svg:not(.context-menu-icon), .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon img {
1464
+ width: 36px;
1465
+ max-width: 36px;
1466
+ max-height: 36px;
1467
+ }
1246
1468
 
1247
1469
  .filerobot-Explorer-Details-header {
1248
1470
  display: flex;
1249
1471
  align-items: center;
1250
1472
  margin-left: 30px;
1251
- font-size: 12px; }
1252
- .filerobot-Explorer-Details-header-icon {
1253
- margin-left: 6px; }
1254
- .filerobot-Explorer-Details-header-title {
1255
- margin-top: 12px;
1256
- display: flex;
1257
- align-items: center;
1258
- max-width: 90%; }
1259
- .filerobot-Explorer-Details-header-title label {
1260
- text-overflow: ellipsis;
1261
- white-space: nowrap;
1262
- overflow: hidden; }
1263
-
1473
+ font-size: 12px;
1474
+ }
1475
+ .filerobot-Explorer-Details-header-icon {
1476
+ margin-left: 6px;
1477
+ }
1478
+ .filerobot-Explorer-Details-header-title {
1479
+ margin-top: 12px;
1480
+ display: flex;
1481
+ align-items: center;
1482
+ max-width: 90%;
1483
+ }
1484
+ .filerobot-Explorer-Details-header-title label {
1485
+ text-overflow: ellipsis;
1486
+ white-space: nowrap;
1487
+ overflow: hidden;
1488
+ }
1264
1489
  .filerobot-Explorer-Details-tabs {
1265
1490
  display: flex;
1266
1491
  padding: 0 8px;
1267
1492
  margin-top: 8px;
1268
1493
  font-size: 12px;
1269
- cursor: pointer; }
1270
- .filerobot-Explorer-Details-tabs-details, .filerobot-Explorer-Details-tabs-comments {
1271
- display: flex;
1272
- justify-content: center;
1273
- align-items: center;
1274
- width: 50%;
1275
- height: 30px;
1276
- color: #4D4E4E;
1277
- border: 1px solid transparent;
1278
- border-top-left-radius: .10rem;
1279
- border-top-right-radius: .10rem; }
1280
- .filerobot-Explorer-Details-tabs-details label, .filerobot-Explorer-Details-tabs-comments label {
1281
- width: 100%;
1282
- height: 100%;
1283
- display: flex;
1284
- align-items: center;
1285
- justify-content: center;
1286
- cursor: pointer; }
1287
- .filerobot-Explorer-Details-tabs-details label:hover, .filerobot-Explorer-Details-tabs-comments label:hover {
1288
- margin-bottom: -1px;
1289
- border-bottom: 2px solid #6879EB;
1290
- background-color: #F8FAFB;
1291
- color: #6879EB; }
1292
- .filerobot-Explorer-Details-tabs-details > input[type="radio"], .filerobot-Explorer-Details-tabs-comments > input[type="radio"] {
1293
- position: absolute;
1294
- left: -200vw; }
1295
- .filerobot-Explorer-Details-tabs-details > input:checked + label, .filerobot-Explorer-Details-tabs-comments > input:checked + label {
1296
- margin-bottom: -1px;
1297
- border-bottom: 2px solid #6879EB;
1298
- background-color: #F8FAFB;
1299
- color: #6879EB; }
1300
-
1494
+ cursor: pointer;
1495
+ }
1496
+ .filerobot-Explorer-Details-tabs-details, .filerobot-Explorer-Details-tabs-comments {
1497
+ display: flex;
1498
+ justify-content: center;
1499
+ align-items: center;
1500
+ width: 50%;
1501
+ height: 30px;
1502
+ color: #4D4E4E;
1503
+ border: 1px solid transparent;
1504
+ border-top-left-radius: 0.1rem;
1505
+ border-top-right-radius: 0.1rem;
1506
+ }
1507
+ .filerobot-Explorer-Details-tabs-details label, .filerobot-Explorer-Details-tabs-comments label {
1508
+ width: 100%;
1509
+ height: 100%;
1510
+ display: flex;
1511
+ align-items: center;
1512
+ justify-content: center;
1513
+ cursor: pointer;
1514
+ }
1515
+ .filerobot-Explorer-Details-tabs-details label:hover, .filerobot-Explorer-Details-tabs-comments label:hover {
1516
+ margin-bottom: -1px;
1517
+ border-bottom: 2px solid #6879EB;
1518
+ background-color: #F8FAFB;
1519
+ color: #6879EB;
1520
+ }
1521
+ .filerobot-Explorer-Details-tabs-details > input[type=radio], .filerobot-Explorer-Details-tabs-comments > input[type=radio] {
1522
+ position: absolute;
1523
+ left: -200vw;
1524
+ }
1525
+ .filerobot-Explorer-Details-tabs-details > input:checked + label, .filerobot-Explorer-Details-tabs-comments > input:checked + label {
1526
+ margin-bottom: -1px;
1527
+ border-bottom: 2px solid #6879EB;
1528
+ background-color: #F8FAFB;
1529
+ color: #6879EB;
1530
+ }
1301
1531
  .filerobot-Explorer-Details-icon-preview {
1302
1532
  display: flex;
1303
1533
  justify-content: center;
1304
1534
  margin-top: 8px;
1305
- margin-bottom: 21px; }
1306
-
1535
+ margin-bottom: 21px;
1536
+ }
1307
1537
  .filerobot-Explorer-Details-file-preview {
1308
1538
  margin: 8px 5px 12px 8px;
1309
1539
  height: 146px;
1310
- position: relative; }
1311
- .filerobot-Explorer-Details-file-preview:hover .filerobot-Explorer-Details-thumbnailZoomOverlay {
1312
- display: flex; }
1313
-
1540
+ position: relative;
1541
+ }
1542
+ .filerobot-Explorer-Details-file-preview:hover .filerobot-Explorer-Details-thumbnailZoomOverlay {
1543
+ display: flex;
1544
+ }
1314
1545
  .filerobot-Explorer-Details-thumbnail {
1315
1546
  position: relative;
1316
1547
  z-index: 1;
@@ -1319,67 +1550,76 @@
1319
1550
  max-width: 100%;
1320
1551
  max-height: 100%;
1321
1552
  -o-object-fit: contain;
1322
- object-fit: contain; }
1323
-
1553
+ object-fit: contain;
1554
+ }
1324
1555
  .filerobot-Explorer-Details-info {
1325
1556
  font-size: 12px;
1326
1557
  margin: 0;
1327
1558
  padding: 0;
1328
1559
  margin-top: 12px;
1329
- padding-left: 12px; }
1330
- .filerobot-Explorer-Details-info-list {
1331
- display: flex;
1332
- list-style: none;
1333
- margin-bottom: 8px; }
1334
- .filerobot-Explorer-Details-info-list-name {
1335
- display: flex;
1336
- font-weight: 400;
1337
- width: 68px;
1338
- padding-right: 2px;
1339
- color: #768184; }
1340
- .filerobot-Explorer-Details-info-list-name > span {
1341
- text-overflow: ellipsis;
1342
- white-space: nowrap;
1343
- overflow: hidden; }
1344
- .filerobot-Explorer-Details-info-list-value {
1345
- display: inline-block;
1346
- color: #4D4E4E;
1347
- font-weight: 400;
1348
- width: calc(100% - 68px); }
1349
-
1560
+ padding-left: 12px;
1561
+ }
1562
+ .filerobot-Explorer-Details-info-list {
1563
+ display: flex;
1564
+ list-style: none;
1565
+ margin-bottom: 8px;
1566
+ }
1567
+ .filerobot-Explorer-Details-info-list-name {
1568
+ display: flex;
1569
+ font-weight: 400;
1570
+ width: 68px;
1571
+ padding-right: 2px;
1572
+ color: #768184;
1573
+ }
1574
+ .filerobot-Explorer-Details-info-list-name > span {
1575
+ text-overflow: ellipsis;
1576
+ white-space: nowrap;
1577
+ overflow: hidden;
1578
+ }
1579
+ .filerobot-Explorer-Details-info-list-value {
1580
+ display: inline-block;
1581
+ color: #4D4E4E;
1582
+ font-weight: 400;
1583
+ width: calc(100% - 68px);
1584
+ }
1350
1585
  .filerobot-Explorer-Details-section {
1351
1586
  margin-top: 8px;
1352
1587
  padding-top: 12px;
1353
1588
  margin-right: 12px;
1354
1589
  margin-left: 12px;
1355
1590
  font-size: 12px;
1356
- border-top: 1px solid #DFE7ED; }
1357
- .filerobot-Explorer-Details-section-header {
1358
- display: flex;
1359
- justify-content: space-between;
1360
- align-items: center;
1361
- margin-bottom: 9px;
1362
- padding-right: 5px; }
1363
- .filerobot-Explorer-Details-section-header-title {
1364
- color: #768184; }
1365
- .filerobot-Explorer-Details-section-content-list {
1366
- display: inline-flex;
1367
- flex-wrap: wrap;
1368
- margin: 0;
1369
- padding: 0;
1370
- width: 100%;
1371
- list-style: none; }
1372
- .filerobot-Explorer-Details-section-content-list li {
1373
- position: relative;
1374
- display: flex;
1375
- align-items: center;
1376
- margin: 0 5px 5px 0;
1377
- padding: 4px 6px;
1378
- border-radius: 2px;
1379
- color: #4D4E4E;
1380
- background: #F8FAFB;
1381
- font-family: 'Roboto';
1382
- font-weight: 400; }
1591
+ border-top: 1px solid #DFE7ED;
1592
+ }
1593
+ .filerobot-Explorer-Details-section-header {
1594
+ display: flex;
1595
+ justify-content: space-between;
1596
+ align-items: center;
1597
+ margin-bottom: 9px;
1598
+ padding-right: 5px;
1599
+ }
1600
+ .filerobot-Explorer-Details-section-header-title {
1601
+ color: #768184;
1602
+ }
1603
+ .filerobot-Explorer-Details-section-content-list {
1604
+ display: inline-flex;
1605
+ flex-wrap: wrap;
1606
+ margin: 0;
1607
+ padding: 0;
1608
+ width: 100%;
1609
+ list-style: none;
1610
+ }
1611
+ .filerobot-Explorer-Details-section-content-list li {
1612
+ position: relative;
1613
+ display: flex;
1614
+ align-items: center;
1615
+ margin: 0 5px 5px 0;
1616
+ padding: 4px 6px;
1617
+ border-radius: 2px;
1618
+ color: #4D4E4E;
1619
+ background: #F8FAFB;
1620
+ font-family: "Roboto";
1621
+ font-weight: 400;
1622
+ }
1383
1623
 
1384
1624
  .filerobot-Explorer-Details-thumbnailZoomOverlay {
1385
1625
  position: absolute;
@@ -1392,15 +1632,19 @@
1392
1632
  -webkit-user-select: none;
1393
1633
  -moz-user-select: none;
1394
1634
  user-select: none;
1395
- z-index: 111; }
1635
+ z-index: 111;
1636
+ }
1396
1637
 
1397
1638
  .filerobot-Explorer-Details-thumbnailZoomOverlayButton {
1398
1639
  width: 100%;
1399
- height: 100%; }
1400
- .filerobot-Explorer-Details-thumbnailZoomOverlayButton:hover {
1401
- background: transparent !important; }
1402
- .filerobot-Explorer-Details-thumbnailZoomOverlayButton:active:before {
1403
- opacity: 0.5 !important; }
1640
+ height: 100%;
1641
+ }
1642
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton:hover {
1643
+ background: transparent !important;
1644
+ }
1645
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton:active:before {
1646
+ opacity: 0.5 !important;
1647
+ }
1404
1648
 
1405
1649
  .filerobot-ProviderBrowser {
1406
1650
  display: flex;
@@ -1410,40 +1654,48 @@
1410
1654
  font-weight: 400;
1411
1655
  height: 100%;
1412
1656
  position: relative;
1413
- background-color: #fff; }
1657
+ background-color: #fff;
1658
+ }
1414
1659
 
1415
1660
  .filerobot-ProviderBrowser-user {
1416
1661
  margin: 0 8px 0 0;
1417
1662
  font-weight: 500;
1418
- color: #333; }
1419
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-user {
1420
- color: #eaeaea; }
1663
+ color: #333;
1664
+ }
1665
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-user {
1666
+ color: #eaeaea;
1667
+ }
1421
1668
 
1422
1669
  .filerobot-ProviderBrowser-select {
1423
1670
  cursor: pointer;
1424
1671
  line-height: 1.5;
1425
- color: #000; }
1426
- .filerobot-ProviderBrowser-select.--filter {
1427
- max-width: 120px;
1428
- white-space: nowrap;
1429
- text-overflow: ellipsis;
1430
- overflow: hidden;
1431
- padding-right: 2px; }
1432
- .filerobot-ProviderBrowser-select:focus {
1433
- outline: none;
1434
- border-color: transparent; }
1672
+ color: #000;
1673
+ }
1674
+ .filerobot-ProviderBrowser-select.--filter {
1675
+ max-width: 120px;
1676
+ white-space: nowrap;
1677
+ text-overflow: ellipsis;
1678
+ overflow: hidden;
1679
+ padding-right: 2px;
1680
+ }
1681
+ .filerobot-ProviderBrowser-select:focus {
1682
+ outline: none;
1683
+ border-color: transparent;
1684
+ }
1435
1685
 
1436
1686
  .filerobot-ProviderBrowser-user:after {
1437
- content: '\00B7';
1687
+ content: "·";
1438
1688
  position: relative;
1439
1689
  left: 4px;
1440
1690
  color: #939393;
1441
- font-weight: normal; }
1691
+ font-weight: normal;
1692
+ }
1442
1693
 
1443
1694
  .filerobot-ProviderBrowser-headerBar--simple {
1444
1695
  text-align: center;
1445
1696
  display: block;
1446
- justify-content: center; }
1697
+ justify-content: center;
1698
+ }
1447
1699
 
1448
1700
  .filerobot-ProviderBrowser-headerBar {
1449
1701
  display: flex;
@@ -1453,108 +1705,132 @@
1453
1705
  line-height: 1.4;
1454
1706
  font-size: 12px;
1455
1707
  position: relative;
1456
- width: 100%; }
1457
- .filerobot-size--md .filerobot-ProviderBrowser-headerBar {
1458
- display: flex;
1459
- align-items: center;
1460
- justify-content: space-between; }
1461
- .filerobot-size--height-md .filerobot-ProviderBrowser-headerBar {
1462
- display: flex;
1463
- align-items: center; }
1464
- [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-headerBar {
1465
- border-bottom: 1px solid #333;
1466
- background-color: #1f1f1f; }
1708
+ width: 100%;
1709
+ }
1710
+ .filerobot-size--md .filerobot-ProviderBrowser-headerBar {
1711
+ display: flex;
1712
+ align-items: center;
1713
+ justify-content: space-between;
1714
+ }
1715
+ .filerobot-size--height-md .filerobot-ProviderBrowser-headerBar {
1716
+ display: flex;
1717
+ align-items: center;
1718
+ }
1719
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-headerBar {
1720
+ border-bottom: 1px solid #333;
1721
+ background-color: #1f1f1f;
1722
+ }
1467
1723
 
1468
1724
  .filerobot-ProviderBrowser-headerBar--simple {
1469
1725
  text-align: center;
1470
1726
  display: block;
1471
- justify-content: center; }
1727
+ justify-content: center;
1728
+ }
1472
1729
 
1473
1730
  .filerobot-ProviderBrowser-body {
1474
1731
  flex: 1;
1475
1732
  z-index: 1000;
1476
1733
  position: relative;
1477
1734
  display: flex;
1478
- height: 100%; }
1735
+ height: 100%;
1736
+ }
1479
1737
 
1480
1738
  .filerobot-ProviderBrowser-body-list {
1481
1739
  width: 100%;
1482
- overflow-x: auto; }
1740
+ overflow-x: auto;
1741
+ }
1483
1742
 
1484
1743
  .item-folder.filerobot-ProviderBrowserItem {
1485
1744
  padding: 4px;
1486
1745
  border-radius: 7px;
1487
- outline: none; }
1488
- .item-folder.filerobot-ProviderBrowserItem::before {
1489
- content: unset !important;
1490
- display: none !important;
1491
- padding-top: 0 !important; }
1492
- .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder {
1493
- display: flex;
1494
- align-items: center;
1495
- padding: 10px 12px;
1496
- border: 1px solid #DFE7ED;
1497
- border-radius: 2px;
1498
- box-sizing: border-box;
1499
- width: 100%;
1500
- height: 36px;
1501
- outline: none; }
1502
- .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-ProviderBrowserItem-folderLiIcon > * {
1503
- width: 20px;
1504
- height: 20px; }
1505
- .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder input {
1506
- width: 96%; }
1507
- .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-Explorer-dots-menu-icon {
1508
- display: none; }
1509
- .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder-title {
1510
- flex-grow: 1;
1511
- font-weight: 500;
1512
- white-space: nowrap;
1513
- text-overflow: ellipsis;
1514
- overflow: hidden;
1515
- font-size: 14px;
1516
- line-height: 16px;
1517
- color: #4D4E4E;
1518
- margin-left: 8px; }
1519
- .item-folder.filerobot-ProviderBrowserItem button.filerobot-ProviderBrowserItem-inner-folder:hover {
1520
- background-color: #EFF3F6; }
1521
- .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder {
1522
- background-color: #5D6D7E !important;
1523
- outline: none; }
1524
- .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder input {
1525
- color: #000;
1526
- width: 96%; }
1527
- .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder * {
1528
- fill: #DFE7ED;
1529
- color: #fff; }
1746
+ outline: none;
1747
+ }
1748
+ .item-folder.filerobot-ProviderBrowserItem::before {
1749
+ content: unset !important;
1750
+ display: none !important;
1751
+ padding-top: 0 !important;
1752
+ }
1753
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder {
1754
+ display: flex;
1755
+ align-items: center;
1756
+ padding: 10px 12px;
1757
+ border: 1px solid #DFE7ED;
1758
+ border-radius: 2px;
1759
+ box-sizing: border-box;
1760
+ width: 100%;
1761
+ height: 36px;
1762
+ outline: none;
1763
+ }
1764
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-ProviderBrowserItem-folderLiIcon > * {
1765
+ width: 20px;
1766
+ height: 20px;
1767
+ }
1768
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder input {
1769
+ width: 96%;
1770
+ }
1771
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-Explorer-dots-menu-icon {
1772
+ display: none;
1773
+ }
1774
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder-title {
1775
+ flex-grow: 1;
1776
+ font-weight: 500;
1777
+ white-space: nowrap;
1778
+ text-overflow: ellipsis;
1779
+ overflow: hidden;
1780
+ font-size: 14px;
1781
+ line-height: 16px;
1782
+ color: #4D4E4E;
1783
+ margin-left: 8px;
1784
+ }
1785
+ .item-folder.filerobot-ProviderBrowserItem button.filerobot-ProviderBrowserItem-inner-folder:hover {
1786
+ background-color: #EFF3F6;
1787
+ }
1788
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder {
1789
+ background-color: #5D6D7E !important;
1790
+ outline: none;
1791
+ }
1792
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder input {
1793
+ color: #000;
1794
+ width: 96%;
1795
+ }
1796
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder * {
1797
+ fill: #DFE7ED;
1798
+ color: #fff;
1799
+ }
1530
1800
 
1531
1801
  .filerobot-ProviderBrowserItem-inner {
1532
1802
  cursor: pointer;
1533
1803
  font-weight: 400;
1534
1804
  font-size: 14px;
1535
- line-height: 16px; }
1805
+ line-height: 16px;
1806
+ }
1536
1807
 
1537
1808
  .filerobot-Provider-list-cell-header-title {
1538
1809
  white-space: nowrap;
1539
1810
  overflow: hidden;
1540
- text-overflow: ellipsis; }
1811
+ text-overflow: ellipsis;
1812
+ }
1541
1813
 
1542
1814
  .filerobot-Provider-list-cell-header-hidableIcon {
1543
- visibility: hidden; }
1815
+ visibility: hidden;
1816
+ }
1544
1817
 
1545
1818
  .filerobot-Provider-list-cell-wrapper {
1546
1819
  font-size: 12px;
1547
1820
  display: flex;
1548
- align-items: center; }
1549
- .filerobot-Provider-list-cell-wrapper:hover .filerobot-Provider-list-cell-header-hidableIcon {
1550
- visibility: visible; }
1821
+ align-items: center;
1822
+ }
1823
+ .filerobot-Provider-list-cell-wrapper:hover .filerobot-Provider-list-cell-header-hidableIcon {
1824
+ visibility: visible;
1825
+ }
1551
1826
 
1552
1827
  .filerobot-ProviderBrowser-mainContent {
1553
1828
  flex-grow: 1;
1554
1829
  overflow: hidden;
1555
1830
  overflow-x: auto;
1556
1831
  -webkit-overflow-scrolling: touch;
1557
- position: relative; }
1832
+ position: relative;
1833
+ }
1558
1834
 
1559
1835
  .filerobot-ProviderBrowserItem--draggable-block {
1560
1836
  position: sticky;
@@ -1563,19 +1839,23 @@
1563
1839
  height: 100%;
1564
1840
  cursor: col-resize;
1565
1841
  z-index: 100;
1566
- background: #DFE7ED; }
1842
+ background: #DFE7ED;
1843
+ }
1567
1844
 
1568
1845
  .filerobot-ProviderBrowserItem-SideNav-addNew {
1569
1846
  color: #5D6D7E;
1570
1847
  font-weight: 500;
1571
- cursor: pointer; }
1848
+ cursor: pointer;
1849
+ }
1572
1850
 
1573
1851
  .filerobot-ProviderBrowser-body-sideButtons {
1574
1852
  min-width: 40px;
1575
- max-width: 40px; }
1853
+ max-width: 40px;
1854
+ }
1576
1855
 
1577
1856
  .filerobot-ProviderBrowser-body-leftSideButtons {
1578
- margin-right: 20px; }
1857
+ margin-right: 20px;
1858
+ }
1579
1859
 
1580
1860
  .filerobot-ProviderBrowser-body-leftNavigationButton {
1581
1861
  background: #F8FAFB;
@@ -1585,10 +1865,12 @@
1585
1865
  margin-top: 10px;
1586
1866
  width: 100%;
1587
1867
  position: sticky;
1588
- top: 91px; }
1868
+ top: 91px;
1869
+ }
1589
1870
 
1590
1871
  .filerobot-ProviderBrowser-body-rightSideButtons {
1591
- margin-left: 20px; }
1872
+ margin-left: 20px;
1873
+ }
1592
1874
 
1593
1875
  .filerobot-ProviderBrowser-body-rightNavigationButton {
1594
1876
  background: #F8FAFB;
@@ -1598,157 +1880,196 @@
1598
1880
  margin-top: 10px;
1599
1881
  width: 100%;
1600
1882
  position: sticky;
1601
- top: 91px; }
1883
+ top: 91px;
1884
+ }
1602
1885
 
1603
1886
  .filerobot-Provider-LabelsListLi-selectMode,
1604
1887
  .filerobot-Provider-LabelsListLi-selectMode * {
1605
- cursor: pointer; }
1888
+ cursor: pointer;
1889
+ }
1606
1890
 
1607
1891
  .filerobot-ProviderBrowserItem-ItemHoverBottomOptions {
1608
1892
  bottom: 4%;
1609
1893
  right: 3%;
1610
- top: auto; }
1611
- .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected {
1612
- display: flex;
1613
- visibility: visible; }
1614
- .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button {
1615
- background: #fff; }
1616
- .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active) svg * {
1617
- color: #6879EB;
1618
- fill: #6879EB; }
1619
- .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover {
1620
- background: #EFF3F6; }
1621
- .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover svg * {
1622
- fill: #606FD1;
1623
- color: #606FD1; }
1894
+ top: auto;
1895
+ }
1896
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected {
1897
+ display: flex;
1898
+ visibility: visible;
1899
+ }
1900
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button {
1901
+ background: #fff;
1902
+ }
1903
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active) svg * {
1904
+ color: #6879EB;
1905
+ fill: #6879EB;
1906
+ }
1907
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover {
1908
+ background: #EFF3F6;
1909
+ }
1910
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover svg * {
1911
+ fill: #606FD1;
1912
+ color: #606FD1;
1913
+ }
1624
1914
 
1625
1915
  .filerobot-Explorer-ImageOptions-options {
1626
1916
  display: flex;
1627
1917
  justify-content: space-between;
1628
- margin-bottom: 8px; }
1629
- .filerobot-Explorer-ImageOptions-options-select {
1630
- width: 60%;
1631
- text-align: left;
1632
- text-transform: capitalize; }
1633
- .filerobot-Explorer-ImageOptions-options-select-fullWidth {
1634
- width: 100%; }
1635
-
1918
+ margin-bottom: 8px;
1919
+ }
1920
+ .filerobot-Explorer-ImageOptions-options-select {
1921
+ width: 60%;
1922
+ text-align: left;
1923
+ text-transform: capitalize;
1924
+ }
1925
+ .filerobot-Explorer-ImageOptions-options-select-fullWidth {
1926
+ width: 100%;
1927
+ }
1636
1928
  .filerobot-Explorer-ImageOptions-size-options {
1637
1929
  display: flex;
1638
1930
  align-items: flex-start;
1639
1931
  flex-direction: column;
1640
- row-gap: 4px; }
1641
-
1932
+ row-gap: 4px;
1933
+ }
1642
1934
  .filerobot-Explorer-ImageOptions-description {
1643
1935
  display: flex;
1644
1936
  justify-content: space-between;
1645
- margin-top: 20px; }
1646
-
1937
+ margin-top: 20px;
1938
+ }
1647
1939
  .filerobot-Explorer-ImageOptions-settings {
1648
- margin-bottom: 10px; }
1649
-
1940
+ margin-bottom: 10px;
1941
+ }
1650
1942
  .filerobot-Explorer-ImageOptions-resize-options {
1651
1943
  display: flex;
1652
1944
  align-items: center;
1653
1945
  -moz-column-gap: 8px;
1654
- column-gap: 8px; }
1655
-
1946
+ column-gap: 8px;
1947
+ }
1656
1948
  .filerobot-Explorer-ImageOptions-download-zip {
1657
1949
  display: flex;
1658
- margin-top: 16px; }
1950
+ margin-top: 16px;
1951
+ }
1659
1952
 
1660
1953
  #SfxPopper {
1661
1954
  position: absolute;
1662
- top: -10000px; }
1955
+ top: -10000px;
1956
+ }
1663
1957
 
1664
1958
  .filerobot-Explorer-TopBar-PrependedOptions {
1665
1959
  display: flex;
1666
1960
  align-items: center;
1667
- height: 100%; }
1961
+ height: 100%;
1962
+ }
1668
1963
 
1669
1964
  .filerobot-Explorer-TopBar-AppendedOptions {
1670
1965
  display: flex;
1671
1966
  align-items: center;
1672
- float: right; }
1967
+ float: right;
1968
+ }
1673
1969
 
1674
1970
  .filerobot-Explorer-TopBar-Search-ContextDropdown-SubList-container {
1675
1971
  padding: 0 !important;
1676
1972
  cursor: default !important;
1677
- background: #ffffff !important; }
1973
+ background: #ffffff !important;
1974
+ }
1678
1975
 
1679
1976
  #SfxPopper {
1680
- z-index: 11111111; }
1977
+ z-index: 11111111;
1978
+ }
1681
1979
 
1682
1980
  @keyframes filerobot-Explorer-fadeIn {
1683
1981
  from {
1684
- opacity: 0; }
1982
+ opacity: 0;
1983
+ }
1685
1984
  to {
1686
- opacity: 1; } }
1687
-
1985
+ opacity: 1;
1986
+ }
1987
+ }
1688
1988
  @keyframes filerobot-Explorer-fadeOut {
1689
1989
  from {
1690
- opacity: 1; }
1990
+ opacity: 1;
1991
+ }
1691
1992
  to {
1692
- opacity: 0; } }
1693
-
1993
+ opacity: 0;
1994
+ }
1995
+ }
1694
1996
  @keyframes filerobot-Explorer-slideDownAndFadeIn {
1695
1997
  from {
1696
1998
  transform: translate3d(-50%, -70%, 0);
1697
- opacity: 0; }
1999
+ opacity: 0;
2000
+ }
1698
2001
  to {
1699
2002
  transform: translate3d(-50%, -50%, 0);
1700
- opacity: 1; } }
1701
-
2003
+ opacity: 1;
2004
+ }
2005
+ }
1702
2006
  @keyframes filerobot-Explorer-slideDownAndFadeIn--small {
1703
2007
  from {
1704
2008
  transform: translate3d(0, -20%, 0);
1705
- opacity: 0; }
2009
+ opacity: 0;
2010
+ }
1706
2011
  to {
1707
2012
  transform: translate3d(0, 0, 0);
1708
- opacity: 1; } }
1709
-
2013
+ opacity: 1;
2014
+ }
2015
+ }
1710
2016
  @keyframes filerobot-Explorer-slideUpFadeOut {
1711
2017
  from {
1712
2018
  transform: translate3d(-50%, -50%, 0);
1713
- opacity: 1; }
2019
+ opacity: 1;
2020
+ }
1714
2021
  to {
1715
2022
  transform: translate3d(-50%, -70%, 0);
1716
- opacity: 0; } }
1717
-
2023
+ opacity: 0;
2024
+ }
2025
+ }
1718
2026
  @keyframes filerobot-Explorer-slideUpFadeOut--small {
1719
2027
  from {
1720
2028
  transform: translate3d(0, 0, 0);
1721
- opacity: 1; }
2029
+ opacity: 1;
2030
+ }
1722
2031
  to {
1723
2032
  transform: translate3d(0, -20%, 0);
1724
- opacity: 0; } }
1725
-
2033
+ opacity: 0;
2034
+ }
2035
+ }
1726
2036
  .filerobot-Explorer--modal {
1727
- z-index: 1200; }
2037
+ z-index: 1200;
2038
+ }
1728
2039
 
1729
2040
  .filerobot-Explorer-assets-picker-modal {
1730
- z-index: 100000; }
2041
+ z-index: 100000;
2042
+ }
1731
2043
 
1732
2044
  .filerobot-Explorer--modal[aria-hidden=true] {
1733
- display: none; }
2045
+ display: none;
2046
+ }
1734
2047
 
1735
2048
  .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose > .filerobot-Explorer-inner {
1736
- animation: filerobot-Explorer-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1); }
1737
- @media only screen and (min-width: 820px) {
1738
- .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose > .filerobot-Explorer-inner {
1739
- animation: filerobot-Explorer-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } }
2049
+ animation: filerobot-Explorer-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
2050
+ }
2051
+ @media only screen and (min-width: 820px) {
2052
+ .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose > .filerobot-Explorer-inner {
2053
+ animation: filerobot-Explorer-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
2054
+ }
2055
+ }
1740
2056
 
1741
2057
  .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose > .filerobot-Explorer-overlay {
1742
- animation: filerobot-Explorer-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }
2058
+ animation: filerobot-Explorer-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
2059
+ }
1743
2060
 
1744
2061
  .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing > .filerobot-Explorer-inner {
1745
- animation: filerobot-Explorer-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1); }
1746
- @media only screen and (min-width: 820px) {
1747
- .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing > .filerobot-Explorer-inner {
1748
- animation: filerobot-Explorer-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } }
2062
+ animation: filerobot-Explorer-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
2063
+ }
2064
+ @media only screen and (min-width: 820px) {
2065
+ .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing > .filerobot-Explorer-inner {
2066
+ animation: filerobot-Explorer-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
2067
+ }
2068
+ }
1749
2069
 
1750
2070
  .filerobot-Explorer--modal.filerobot-Explorer--animateOpenClose.filerobot-Explorer--isClosing > .filerobot-Explorer-overlay {
1751
- animation: filerobot-Explorer-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }
2071
+ animation: filerobot-Explorer-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
2072
+ }
1752
2073
 
1753
2074
  .filerobot-Explorer--modal .filerobot-Explorer-overlay {
1754
2075
  position: fixed;
@@ -1758,7 +2079,8 @@
1758
2079
  bottom: 0;
1759
2080
  background-color: rgba(79, 98, 118, 0.3);
1760
2081
  z-index: 1002;
1761
- outline: none; }
2082
+ outline: none;
2083
+ }
1762
2084
 
1763
2085
  .filerobot-Explorer-inner {
1764
2086
  position: relative;
@@ -1766,13 +2088,17 @@
1766
2088
  max-height: 100%;
1767
2089
  outline: none;
1768
2090
  border: 1px solid #eaeaea;
1769
- border-radius: 5px; }
1770
- .filerobot-size--md .filerobot-Explorer-inner {
1771
- min-height: auto; }
1772
- .filerobot-Explorer--modal .filerobot-Explorer-inner {
1773
- z-index: 1003; }
1774
- [data-filerobot-theme="dark"] .filerobot-Explorer-inner {
1775
- background-color: #1f1f1f; }
2091
+ border-radius: 5px;
2092
+ }
2093
+ .filerobot-size--md .filerobot-Explorer-inner {
2094
+ min-height: auto;
2095
+ }
2096
+ .filerobot-Explorer--modal .filerobot-Explorer-inner {
2097
+ z-index: 1003;
2098
+ }
2099
+ [data-filerobot-theme=dark] .filerobot-Explorer-inner {
2100
+ background-color: #1f1f1f;
2101
+ }
1776
2102
 
1777
2103
  .filerobot-Explorer-innerWrap {
1778
2104
  display: flex;
@@ -1782,8 +2108,15 @@
1782
2108
  border-radius: 5px;
1783
2109
  opacity: 0;
1784
2110
  overflow: hidden;
1785
- background: #fff; }
2111
+ background: #fff;
2112
+ }
1786
2113
 
2114
+ .filerobot-Explorer-close:focus {
2115
+ outline: none;
2116
+ }
2117
+ .filerobot-Explorer-close::-moz-focus-inner {
2118
+ border: 0;
2119
+ }
1787
2120
  .filerobot-Explorer-close {
1788
2121
  display: block;
1789
2122
  position: absolute;
@@ -1792,19 +2125,19 @@
1792
2125
  cursor: pointer;
1793
2126
  color: rgba(255, 255, 255, 0.9);
1794
2127
  font-size: 27px;
1795
- z-index: 1005; }
1796
- .filerobot-Explorer-close:focus {
1797
- outline: none; }
1798
- .filerobot-Explorer-close::-moz-focus-inner {
1799
- border: 0; }
1800
- @media only screen and (min-width: 820px) {
1801
- .filerobot-Explorer-close {
1802
- font-size: 35px;
1803
- top: -10px;
1804
- right: -35px; } }
2128
+ z-index: 1005;
2129
+ }
2130
+ @media only screen and (min-width: 820px) {
2131
+ .filerobot-Explorer-close {
2132
+ font-size: 35px;
2133
+ top: -10px;
2134
+ right: -35px;
2135
+ }
2136
+ }
1805
2137
 
1806
2138
  .filerobot-Explorer--isInnerWrapVisible .filerobot-Explorer-innerWrap {
1807
- opacity: 1; }
2139
+ opacity: 1;
2140
+ }
1808
2141
 
1809
2142
  .filerobot-Explorer--modal .filerobot-Explorer-inner {
1810
2143
  position: fixed;
@@ -1812,20 +2145,25 @@
1812
2145
  left: 0;
1813
2146
  right: 0;
1814
2147
  bottom: 15px;
1815
- border: none; }
1816
- @media only screen and (min-width: 820px) {
1817
- .filerobot-Explorer--modal .filerobot-Explorer-inner {
1818
- top: 50%;
1819
- left: 50%;
1820
- transform: translate(-50%, -50%);
1821
- box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15); } }
2148
+ border: none;
2149
+ }
2150
+ @media only screen and (min-width: 820px) {
2151
+ .filerobot-Explorer--modal .filerobot-Explorer-inner {
2152
+ top: 50%;
2153
+ left: 50%;
2154
+ transform: translate(-50%, -50%);
2155
+ box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
2156
+ }
2157
+ }
1822
2158
 
1823
2159
  .filerobot-Explorer--move-informer .filerobot.filerobot-Informer {
1824
- bottom: 80px; }
2160
+ bottom: 80px;
2161
+ }
1825
2162
 
1826
2163
  .filerobot-Explorer-isFixed {
1827
2164
  overflow: hidden;
1828
- height: 100vh; }
2165
+ height: 100vh;
2166
+ }
1829
2167
 
1830
2168
  .filerobot-Explorer-input {
1831
2169
  width: 0.1px;
@@ -1833,21 +2171,27 @@
1833
2171
  opacity: 0;
1834
2172
  overflow: hidden;
1835
2173
  position: absolute;
1836
- z-index: -1; }
2174
+ z-index: -1;
2175
+ }
1837
2176
 
1838
2177
  .filerobot-Explorer-TopBar-leftSide {
1839
2178
  height: 100%;
1840
- margin-right: 12px; }
2179
+ margin-right: 12px;
2180
+ }
1841
2181
 
1842
2182
  .filerobot-Explorer-Search-filtersInside-newFilterChip {
1843
2183
  margin-top: 0;
1844
2184
  margin-right: 8px;
1845
- outline: none; }
1846
- .filerobot-Explorer-Search-filtersInside-newFilterChip * {
1847
- outline: none; }
2185
+ outline: none;
2186
+ }
2187
+ .filerobot-Explorer-Search-filtersInside-newFilterChip * {
2188
+ outline: none;
2189
+ }
1848
2190
 
1849
2191
  .filerobot-common-FormControl .SfxTagField-listWrapper {
1850
- width: 100%; }
2192
+ width: 100%;
2193
+ }
1851
2194
 
1852
2195
  .sort-menuitem.SfxMenuItem-root .SfxMenuItem-Icon.SfxMenuItem-Actions {
1853
- display: none; }
2196
+ display: none;
2197
+ }