@emailmaker/filemanager 0.10.2 → 0.10.4
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.
- package/components/EmIcons/EmIcons.d.ts +10 -0
- package/components/FileContent/FileContent.d.ts +7 -1
- package/components/FileManagerApp/ActionsHeader.d.ts +1 -9
- package/components/FileModals/FileModals.d.ts +1 -0
- package/file-manager.css +356 -256
- package/file-manager.esm.js +10 -10
- package/file-manager.esm.js.map +1 -1
- package/file-manager.js +1 -1
- package/file-manager.js.LICENSE.txt +1 -3
- package/hooks/core/context.d.ts +1 -1
- package/hooks/core/types.d.ts +1 -1
- package/hooks/useCustomIcons.d.ts +2 -0
- package/package.json +1 -1
- package/types.d.ts +10 -4
- package/utils/jsonDataProvider.d.ts +2 -1
package/file-manager.css
CHANGED
|
@@ -1,3 +1,198 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
|
|
3
|
+
.em-filemanager .button:hover {
|
|
4
|
+
background-color: var(--colorBgContainer);
|
|
5
|
+
color: var(--colorPrimary);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.em-filemanager .foldersTitle {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
flex: 1;
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.em-filemanager .folderActions {
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 6px; /* Выравниваем по заголовку Folders */
|
|
18
|
+
right: 6px;
|
|
19
|
+
display: flex;
|
|
20
|
+
align-items: center;
|
|
21
|
+
gap: 4px;
|
|
22
|
+
z-index: 10;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.em-filemanager .customExpandIcon {
|
|
26
|
+
display: inline-flex;
|
|
27
|
+
align-items: center;
|
|
28
|
+
justify-content: center;
|
|
29
|
+
width: 16px;
|
|
30
|
+
height: 16px;
|
|
31
|
+
margin-right: 8px;
|
|
32
|
+
cursor: pointer;
|
|
33
|
+
color: #666;
|
|
34
|
+
font-size: 10px;
|
|
35
|
+
transition: transform 0.2s ease;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.em-filemanager .customExpandIcon:hover {
|
|
39
|
+
color: var(--colorPrimary);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.em-filemanager .fileCount {
|
|
43
|
+
display: inline-flex;
|
|
44
|
+
align-items: center;
|
|
45
|
+
justify-content: center;
|
|
46
|
+
min-width: 20px;
|
|
47
|
+
height: 100%;
|
|
48
|
+
padding: 0 6px;
|
|
49
|
+
margin-left: 8px;
|
|
50
|
+
color: #8D8D8D;
|
|
51
|
+
font-size: 14px;
|
|
52
|
+
font-weight: 500;
|
|
53
|
+
transition: all 0.2s ease;
|
|
54
|
+
white-space: nowrap;
|
|
55
|
+
cursor: default;
|
|
56
|
+
flex-shrink: 0; /* Запрещаем сжатие счетчика */
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.em-filemanager .fileCount:hover {
|
|
60
|
+
border-color: var(--colorPrimary);
|
|
61
|
+
color: var(--colorPrimary);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected):hover {
|
|
65
|
+
color: red !important;
|
|
66
|
+
} */
|
|
67
|
+
/* Стили для выделения текста в выбранной папке */
|
|
68
|
+
|
|
69
|
+
/* Стили для иконки в выбранной папке */
|
|
70
|
+
/* .folderMenu :global(.ant-tree-treenode-selected .folderIcon),
|
|
71
|
+
.folderMenu :global(.ant-tree-node-selected .folderIcon) {
|
|
72
|
+
color: red !important;
|
|
73
|
+
} */
|
|
74
|
+
/* CSS переменные для упрощения расчетов */
|
|
75
|
+
.em-filemanager .uploadButton {
|
|
76
|
+
display: grid;
|
|
77
|
+
grid-template-columns: 3fr 1fr;
|
|
78
|
+
width: 100%;
|
|
79
|
+
margin-bottom: 8px;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.em-filemanager .folderMenu {
|
|
83
|
+
padding-left: 0;
|
|
84
|
+
padding-right: 0; /* Место для кнопки справа */
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/* Стили для линий дерева */
|
|
88
|
+
|
|
89
|
+
/* Улучшение отображения folder-item-container */
|
|
90
|
+
|
|
91
|
+
/* Стили для корневого элемента Folders */
|
|
92
|
+
|
|
93
|
+
/* Стили для ellipsis - удаляем max-width для гибкости */
|
|
94
|
+
|
|
95
|
+
/* Стили для пустого состояния */
|
|
96
|
+
|
|
97
|
+
/* Убираем отступы у корневого узла */
|
|
98
|
+
|
|
99
|
+
.em-filemanager .folderIcon {
|
|
100
|
+
margin-right: 8px;
|
|
101
|
+
font-size: 18px;
|
|
102
|
+
flex-shrink: 0; /* Запрещаем сжатие иконки */
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.em-filemanager .folderLabelItem {
|
|
106
|
+
font-size: 14px;
|
|
107
|
+
font-weight: 400;
|
|
108
|
+
white-space: nowrap; /* Запрещаем перенос строк */
|
|
109
|
+
overflow: hidden; /* Скрываем переполнение */
|
|
110
|
+
text-overflow: ellipsis; /* Показываем троеточие */
|
|
111
|
+
flex: 1; /* Занимает доступное место */
|
|
112
|
+
min-width: 0; /* Позволяет сжиматься */
|
|
113
|
+
-webkit-user-select: none;
|
|
114
|
+
user-select: none;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.em-filemanager .foldersTitleItem {
|
|
118
|
+
display: flex;
|
|
119
|
+
align-items: center;
|
|
120
|
+
flex: 1;
|
|
121
|
+
cursor: pointer;
|
|
122
|
+
min-width: 0; /* Позволяет сжиматься */
|
|
123
|
+
overflow: hidden; /* Скрываем переполнение */
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
/* .foldersTitleItem .folderLabelItem {
|
|
127
|
+
font-weight: 500;
|
|
128
|
+
color: #262626;
|
|
129
|
+
} */
|
|
130
|
+
/* Класс для заголовка папок */
|
|
131
|
+
.em-filemanager .folderLabel {
|
|
132
|
+
display: flex;
|
|
133
|
+
align-items: center;
|
|
134
|
+
flex: 1;
|
|
135
|
+
min-width: 0;
|
|
136
|
+
overflow: hidden;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.em-filemanager .foldersContainer {
|
|
140
|
+
position: relative;
|
|
141
|
+
width: 100%;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
/* Дополнительные стили для улучшения визуала */
|
|
145
|
+
/* .folderMenu :global(.ant-tree-treenode:hover .folder-label span) {
|
|
146
|
+
color: #1890ff;
|
|
147
|
+
} */
|
|
148
|
+
/* Стили для дивайдера между папками */
|
|
149
|
+
.em-filemanager .divider {
|
|
150
|
+
margin: calc(var(--marginLG) * 1px) 0;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.em-filemanager .uploadButton .ant-btn {
|
|
154
|
+
display: flex;
|
|
155
|
+
align-items: center;
|
|
156
|
+
justify-content: center;
|
|
157
|
+
gap: 8px;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {
|
|
161
|
+
color: #1890ff !important;
|
|
162
|
+
} */
|
|
163
|
+
|
|
164
|
+
.em-filemanager .buttonWrapper {
|
|
165
|
+
overflow: hidden;
|
|
166
|
+
margin-bottom: 24px;
|
|
167
|
+
border-radius: calc(var(--borderRadius) * 1px);
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.em-filemanager .uploadButtonIcon {
|
|
171
|
+
font-size: 20px;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.em-filemanager .uploadButtonTitle {
|
|
175
|
+
white-space: nowrap;
|
|
176
|
+
overflow: hidden;
|
|
177
|
+
text-overflow: ellipsis;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.em-filemanager .emptyFolderContainer {
|
|
181
|
+
margin-left: -40px;
|
|
182
|
+
-webkit-user-select: none;
|
|
183
|
+
user-select: none;
|
|
184
|
+
cursor: default;
|
|
185
|
+
color: var(--colorTextTertiary);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.em-filemanager .folderItemContainer {
|
|
189
|
+
width: 100%;
|
|
190
|
+
display: flex;
|
|
191
|
+
align-items: center;
|
|
192
|
+
justify-content: space-between;
|
|
193
|
+
padding: 2px 0;
|
|
194
|
+
min-width: 0; /* Позволяет flex-элементам сжиматься */
|
|
195
|
+
}
|
|
1
196
|
.em-filemanager .contentLayout {
|
|
2
197
|
display: flex;
|
|
3
198
|
flex-direction: column;
|
|
@@ -8,9 +203,9 @@
|
|
|
8
203
|
.em-filemanager .headerContainer {
|
|
9
204
|
display: flex;
|
|
10
205
|
justify-content: space-between;
|
|
11
|
-
margin-bottom: calc(var(--
|
|
206
|
+
margin-bottom: calc(var(--marginLG) * 1px);
|
|
12
207
|
align-items: center;
|
|
13
|
-
padding: 0
|
|
208
|
+
padding: 0 calc(var(--marginLG) * 1px);
|
|
14
209
|
}
|
|
15
210
|
|
|
16
211
|
.em-filemanager .actionsContainer {
|
|
@@ -41,6 +236,7 @@
|
|
|
41
236
|
justify-content: center;
|
|
42
237
|
margin-top: calc(var(--margin) * 1px);
|
|
43
238
|
margin-bottom: calc(var(--margin) * 1px);
|
|
239
|
+
min-height: 150px;
|
|
44
240
|
}
|
|
45
241
|
|
|
46
242
|
.em-filemanager .paginationContainerEnd {
|
|
@@ -150,7 +346,7 @@
|
|
|
150
346
|
|
|
151
347
|
/* Sort select styles */
|
|
152
348
|
.em-filemanager .sortSelect {
|
|
153
|
-
width:
|
|
349
|
+
width: 220px;
|
|
154
350
|
}
|
|
155
351
|
|
|
156
352
|
/* Table column styles */
|
|
@@ -172,6 +368,10 @@
|
|
|
172
368
|
color: var(--colorTextTertiary);
|
|
173
369
|
}
|
|
174
370
|
|
|
371
|
+
.em-filemanager .tableMenu {
|
|
372
|
+
padding: 20px 14px;
|
|
373
|
+
}
|
|
374
|
+
|
|
175
375
|
.em-filemanager .tableImagePreview {
|
|
176
376
|
object-fit: contain;
|
|
177
377
|
border-radius: calc(var(--borderRadius) * 1px);
|
|
@@ -182,32 +382,67 @@
|
|
|
182
382
|
font-size: 28px;
|
|
183
383
|
}
|
|
184
384
|
|
|
385
|
+
.em-filemanager .buttonDeselected {
|
|
386
|
+
margin-left: 12px;
|
|
387
|
+
margin-right: 12px;
|
|
388
|
+
}
|
|
389
|
+
|
|
185
390
|
.em-filemanager .gridRow {
|
|
186
|
-
margin
|
|
187
|
-
|
|
188
|
-
|
|
391
|
+
margin: 0;
|
|
392
|
+
gap: 20px;
|
|
393
|
+
padding: 0 24px 24px;
|
|
189
394
|
}
|
|
190
395
|
|
|
191
396
|
.em-filemanager .gridCard {
|
|
192
397
|
border-radius: 16px;
|
|
193
398
|
overflow: hidden;
|
|
194
|
-
width:
|
|
399
|
+
width: 300px;
|
|
195
400
|
height: 100%;
|
|
196
401
|
-webkit-user-select: none;
|
|
197
402
|
user-select: none;
|
|
403
|
+
border: 2px solid transparent;
|
|
404
|
+
}
|
|
405
|
+
.em-filemanager .gridCard:hover {
|
|
406
|
+
color: var(--colorPrimary);
|
|
198
407
|
}
|
|
199
408
|
.gridCard .ant-card-body {
|
|
200
|
-
height: calc(100% -
|
|
409
|
+
height: calc(100% - 180px);
|
|
410
|
+
max-height: calc(100% - 180px);
|
|
201
411
|
display: flex;
|
|
202
412
|
flex-direction: row;
|
|
413
|
+
justify-content: space-between;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
.em-filemanager .selectedRow > td {
|
|
417
|
+
border-top: 2px solid var(--colorPrimary) !important;
|
|
418
|
+
border-bottom: 2px solid var(--colorPrimary) !important;
|
|
419
|
+
margin-bottom: 4px;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.em-filemanager .selectedRow > td:first-child {
|
|
423
|
+
border-left: 2px solid var(--colorPrimary) !important;
|
|
424
|
+
border-top-left-radius: 6px;
|
|
425
|
+
border-bottom-left-radius: 6px;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.em-filemanager .selectedRow > td:last-child {
|
|
429
|
+
border-right: 2px solid var(--colorPrimary) !important;
|
|
430
|
+
border-top-right-radius: 6px;
|
|
431
|
+
border-bottom-right-radius: 6px;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.em-filemanager .gridCardSelected, .em-filemanager .gridCardSelected:hover {
|
|
435
|
+
border-color: var(--colorPrimary);
|
|
203
436
|
}
|
|
204
437
|
|
|
205
438
|
.em-filemanager .gridCardContent {
|
|
206
439
|
position: relative;
|
|
207
440
|
padding: 0;
|
|
441
|
+
height: 100%;
|
|
208
442
|
display: flex;
|
|
209
443
|
flex-direction: column;
|
|
210
444
|
justify-content: space-between;
|
|
445
|
+
width: 100%;
|
|
211
446
|
}
|
|
212
447
|
|
|
213
448
|
.em-filemanager .gridCheckbox {
|
|
@@ -223,7 +458,6 @@
|
|
|
223
458
|
justify-content: center;
|
|
224
459
|
align-items: center;
|
|
225
460
|
margin-bottom: calc(var(--marginXS) * 1px);
|
|
226
|
-
padding: 4px;
|
|
227
461
|
}
|
|
228
462
|
|
|
229
463
|
.em-filemanager .gridPreviewContainerFolder {
|
|
@@ -232,14 +466,10 @@
|
|
|
232
466
|
display: flex !important;
|
|
233
467
|
justify-content: center;
|
|
234
468
|
align-items: center;
|
|
235
|
-
|
|
469
|
+
background: #F8F8F8;
|
|
236
470
|
border-radius: calc(var(--borderRadiusSM) * 1px);
|
|
237
471
|
margin-bottom: calc(var(--marginXS) * 1px);
|
|
238
|
-
height:
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
.em-filemanager .gridPreviewContainerFolder:hover {
|
|
242
|
-
background: var(--colorBgContainer);
|
|
472
|
+
height: 100%;
|
|
243
473
|
}
|
|
244
474
|
|
|
245
475
|
.em-filemanager .gridFolderIcon {
|
|
@@ -250,22 +480,39 @@
|
|
|
250
480
|
}
|
|
251
481
|
|
|
252
482
|
.em-filemanager .gridFolderIconImage {
|
|
253
|
-
font-size: 111px;
|
|
254
483
|
color: var(--colorPrimary);
|
|
255
484
|
}
|
|
256
485
|
|
|
257
486
|
.em-filemanager .gridFileName {
|
|
258
|
-
font-weight:
|
|
259
|
-
height:
|
|
260
|
-
|
|
261
|
-
overflow: hidden;
|
|
487
|
+
font-weight: 400;
|
|
488
|
+
line-height: 1.3;
|
|
489
|
+
margin-bottom: 4px;
|
|
262
490
|
text-overflow: ellipsis;
|
|
491
|
+
word-break: break-word;
|
|
492
|
+
display: -webkit-box;
|
|
493
|
+
-webkit-line-clamp: 2;
|
|
494
|
+
-webkit-box-orient: vertical;
|
|
495
|
+
overflow: hidden;
|
|
263
496
|
}
|
|
264
497
|
|
|
265
498
|
.em-filemanager .gridFileInfo {
|
|
499
|
+
color: #8c8c8c;
|
|
266
500
|
font-size: 13px;
|
|
267
|
-
line-height: 1.
|
|
268
|
-
|
|
501
|
+
line-height: 1.3;
|
|
502
|
+
font-weight: 600;
|
|
503
|
+
white-space: nowrap;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
.em-filemanager .gridFileMenu {
|
|
507
|
+
display: none;
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
.em-filemanager .gridCard:hover .gridFileMenu {
|
|
511
|
+
display: block;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
.em-filemanager .gridFileMenuButton {
|
|
515
|
+
padding: 4px 7px;
|
|
269
516
|
}
|
|
270
517
|
|
|
271
518
|
/* Upload zone positioning */
|
|
@@ -307,189 +554,9 @@
|
|
|
307
554
|
|
|
308
555
|
@media (max-width: 1550px) {
|
|
309
556
|
.em-filemanager .gridCard {
|
|
310
|
-
width:
|
|
557
|
+
width: 220px;
|
|
311
558
|
}
|
|
312
559
|
}
|
|
313
|
-
@charset "UTF-8";
|
|
314
|
-
|
|
315
|
-
.em-filemanager .button:hover {
|
|
316
|
-
background-color: var(--colorBgContainer);
|
|
317
|
-
color: var(--colorPrimary);
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
.em-filemanager .foldersTitle {
|
|
321
|
-
display: flex;
|
|
322
|
-
align-items: center;
|
|
323
|
-
flex: 1;
|
|
324
|
-
cursor: pointer;
|
|
325
|
-
}
|
|
326
|
-
|
|
327
|
-
.em-filemanager .folderActions {
|
|
328
|
-
position: absolute;
|
|
329
|
-
top: 4px; /* Выравниваем по заголовку Folders */
|
|
330
|
-
right: 4px;
|
|
331
|
-
display: flex;
|
|
332
|
-
align-items: center;
|
|
333
|
-
gap: 4px;
|
|
334
|
-
z-index: 10;
|
|
335
|
-
}
|
|
336
|
-
|
|
337
|
-
.em-filemanager .customExpandIcon {
|
|
338
|
-
display: inline-flex;
|
|
339
|
-
align-items: center;
|
|
340
|
-
justify-content: center;
|
|
341
|
-
width: 16px;
|
|
342
|
-
height: 16px;
|
|
343
|
-
margin-right: 8px;
|
|
344
|
-
cursor: pointer;
|
|
345
|
-
color: #666;
|
|
346
|
-
font-size: 10px;
|
|
347
|
-
transition: transform 0.2s ease;
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
.em-filemanager .customExpandIcon:hover {
|
|
351
|
-
color: var(--colorPrimary);
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
.em-filemanager .fileCount {
|
|
355
|
-
display: inline-flex;
|
|
356
|
-
align-items: center;
|
|
357
|
-
justify-content: center;
|
|
358
|
-
min-width: 20px;
|
|
359
|
-
height: 100%;
|
|
360
|
-
padding: 0 6px;
|
|
361
|
-
margin-left: 8px;
|
|
362
|
-
color: #8D8D8D;
|
|
363
|
-
font-size: 14px;
|
|
364
|
-
font-weight: 500;
|
|
365
|
-
transition: all 0.2s ease;
|
|
366
|
-
white-space: nowrap;
|
|
367
|
-
cursor: default;
|
|
368
|
-
flex-shrink: 0; /* Запрещаем сжатие счетчика */
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
.em-filemanager .fileCount:hover {
|
|
372
|
-
border-color: var(--colorPrimary);
|
|
373
|
-
color: var(--colorPrimary);
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
/* :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected):hover {
|
|
377
|
-
color: red !important;
|
|
378
|
-
} */
|
|
379
|
-
/* Стили для выделения текста в выбранной папке */
|
|
380
|
-
|
|
381
|
-
/* Стили для иконки в выбранной папке */
|
|
382
|
-
/* .folderMenu :global(.ant-tree-treenode-selected .folderIcon),
|
|
383
|
-
.folderMenu :global(.ant-tree-node-selected .folderIcon) {
|
|
384
|
-
color: red !important;
|
|
385
|
-
} */
|
|
386
|
-
/* CSS переменные для упрощения расчетов */
|
|
387
|
-
.em-filemanager .uploadButton {
|
|
388
|
-
display: grid;
|
|
389
|
-
grid-template-columns: 3fr 1fr;
|
|
390
|
-
width: 100%;
|
|
391
|
-
margin-bottom: 8px;
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
.em-filemanager .folderMenu {
|
|
395
|
-
padding-left: 0;
|
|
396
|
-
padding-right: 0; /* Место для кнопки справа */
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
/* Стили для линий дерева */
|
|
400
|
-
|
|
401
|
-
/* Улучшение отображения folder-item-container */
|
|
402
|
-
|
|
403
|
-
/* Стили для корневого элемента Folders */
|
|
404
|
-
|
|
405
|
-
/* Стили для ellipsis - удаляем max-width для гибкости */
|
|
406
|
-
|
|
407
|
-
/* Стили для пустого состояния */
|
|
408
|
-
|
|
409
|
-
/* Убираем отступы у корневого узла */
|
|
410
|
-
|
|
411
|
-
.em-filemanager .folderIcon {
|
|
412
|
-
margin-right: 8px;
|
|
413
|
-
font-size: 18px;
|
|
414
|
-
flex-shrink: 0; /* Запрещаем сжатие иконки */
|
|
415
|
-
}
|
|
416
|
-
|
|
417
|
-
.em-filemanager .folderLabelItem {
|
|
418
|
-
font-size: 14px;
|
|
419
|
-
font-weight: 400;
|
|
420
|
-
white-space: nowrap; /* Запрещаем перенос строк */
|
|
421
|
-
overflow: hidden; /* Скрываем переполнение */
|
|
422
|
-
text-overflow: ellipsis; /* Показываем троеточие */
|
|
423
|
-
flex: 1; /* Занимает доступное место */
|
|
424
|
-
min-width: 0; /* Позволяет сжиматься */
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
.em-filemanager .foldersTitleItem {
|
|
428
|
-
display: flex;
|
|
429
|
-
align-items: center;
|
|
430
|
-
flex: 1;
|
|
431
|
-
cursor: pointer;
|
|
432
|
-
min-width: 0; /* Позволяет сжиматься */
|
|
433
|
-
overflow: hidden; /* Скрываем переполнение */
|
|
434
|
-
}
|
|
435
|
-
|
|
436
|
-
/* .foldersTitleItem .folderLabelItem {
|
|
437
|
-
font-weight: 500;
|
|
438
|
-
color: #262626;
|
|
439
|
-
} */
|
|
440
|
-
/* Класс для заголовка папок */
|
|
441
|
-
.em-filemanager .folderLabel {
|
|
442
|
-
display: flex;
|
|
443
|
-
align-items: center;
|
|
444
|
-
flex: 1;
|
|
445
|
-
min-width: 0;
|
|
446
|
-
overflow: hidden;
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
.em-filemanager .foldersContainer {
|
|
450
|
-
position: relative;
|
|
451
|
-
width: 100%;
|
|
452
|
-
}
|
|
453
|
-
|
|
454
|
-
/* Дополнительные стили для улучшения визуала */
|
|
455
|
-
/* .folderMenu :global(.ant-tree-treenode:hover .folder-label span) {
|
|
456
|
-
color: #1890ff;
|
|
457
|
-
} */
|
|
458
|
-
/* Стили для дивайдера между папками */
|
|
459
|
-
.em-filemanager .divider {
|
|
460
|
-
margin: 12px 0 !important;
|
|
461
|
-
}
|
|
462
|
-
|
|
463
|
-
.em-filemanager .uploadButton .ant-btn {
|
|
464
|
-
display: flex;
|
|
465
|
-
align-items: center;
|
|
466
|
-
justify-content: center;
|
|
467
|
-
gap: 8px;
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {
|
|
471
|
-
color: #1890ff !important;
|
|
472
|
-
} */
|
|
473
|
-
|
|
474
|
-
.em-filemanager .buttonWrapper {
|
|
475
|
-
overflow: hidden;
|
|
476
|
-
margin-bottom: 24px;
|
|
477
|
-
border-radius: calc(var(--borderRadius) * 1px);
|
|
478
|
-
}
|
|
479
|
-
|
|
480
|
-
.em-filemanager .uploadButtonTitle {
|
|
481
|
-
white-space: nowrap;
|
|
482
|
-
overflow: hidden;
|
|
483
|
-
text-overflow: ellipsis;
|
|
484
|
-
}
|
|
485
|
-
|
|
486
|
-
.em-filemanager .emptyFolderContainer {
|
|
487
|
-
margin-left: -40px;
|
|
488
|
-
-webkit-user-select: none;
|
|
489
|
-
user-select: none;
|
|
490
|
-
cursor: default;
|
|
491
|
-
color: var(--colorTextTertiary);
|
|
492
|
-
}
|
|
493
560
|
.em-filemanager .container {
|
|
494
561
|
position: fixed;
|
|
495
562
|
top: 20px;
|
|
@@ -1193,7 +1260,7 @@
|
|
|
1193
1260
|
}
|
|
1194
1261
|
.em-filemanager .file-manager__layout .actions-header {
|
|
1195
1262
|
background: transparent;
|
|
1196
|
-
padding: 24px
|
|
1263
|
+
padding: 24px;
|
|
1197
1264
|
display: flex;
|
|
1198
1265
|
align-items: center;
|
|
1199
1266
|
}
|
|
@@ -1207,38 +1274,40 @@
|
|
|
1207
1274
|
.em-filemanager .file-manager__layout h5.header-title {
|
|
1208
1275
|
margin-right: calc(var(--margin) * 1px);
|
|
1209
1276
|
margin-bottom: 0;
|
|
1210
|
-
font-size:
|
|
1277
|
+
font-size: 18px;
|
|
1211
1278
|
font-weight: 500;
|
|
1212
1279
|
}
|
|
1213
1280
|
.em-filemanager .file-manager__layout .selected-text {
|
|
1214
1281
|
white-space: nowrap;
|
|
1282
|
+
margin-right: auto;
|
|
1215
1283
|
}
|
|
1216
1284
|
.em-filemanager .file-manager__layout .file-manager__content {
|
|
1217
1285
|
flex: 1;
|
|
1218
1286
|
}
|
|
1219
1287
|
.em-filemanager .file-manager__layout .file-manager-sider {
|
|
1220
1288
|
position: relative;
|
|
1221
|
-
|
|
1289
|
+
border-radius: 0 24px 24px 0;
|
|
1222
1290
|
}
|
|
1223
1291
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button {
|
|
1224
1292
|
grid-template-columns: 10fr 40px;
|
|
1225
1293
|
margin-bottom: 0;
|
|
1226
|
-
gap:
|
|
1294
|
+
gap: 4px;
|
|
1227
1295
|
border-radius: calc(var(--borderRadius) * 1px);
|
|
1228
1296
|
}
|
|
1229
1297
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button button {
|
|
1230
|
-
height:
|
|
1298
|
+
height: 40px;
|
|
1231
1299
|
font-weight: 500;
|
|
1232
1300
|
}
|
|
1233
1301
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button .ant-btn-compact-first-item {
|
|
1234
1302
|
justify-content: flex-start;
|
|
1235
1303
|
width: 100%;
|
|
1236
1304
|
min-width: 160px;
|
|
1237
|
-
border-radius:
|
|
1305
|
+
border-radius: 6px;
|
|
1238
1306
|
background-color: var(--colorPrimary);
|
|
1307
|
+
margin-right: 4px;
|
|
1239
1308
|
}
|
|
1240
1309
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button .ant-btn-compact-last-item {
|
|
1241
|
-
border-radius:
|
|
1310
|
+
border-radius: 6px;
|
|
1242
1311
|
background-color: var(--colorPrimary);
|
|
1243
1312
|
}
|
|
1244
1313
|
.em-filemanager .file-manager__layout .file-manager-sider .sidebar__sections-title {
|
|
@@ -1249,16 +1318,17 @@
|
|
|
1249
1318
|
border: none;
|
|
1250
1319
|
}
|
|
1251
1320
|
.em-filemanager .file-manager__layout .file-manager-sider .folder-menu li {
|
|
1252
|
-
margin: 0;
|
|
1253
1321
|
height: 44px;
|
|
1254
1322
|
line-height: 44px;
|
|
1255
1323
|
display: flex;
|
|
1256
1324
|
padding: 0 12px;
|
|
1257
1325
|
width: 100%;
|
|
1258
1326
|
border-radius: calc(var(--borderRadius) * 1px);
|
|
1327
|
+
margin: 0 0 3px;
|
|
1259
1328
|
}
|
|
1260
|
-
.em-filemanager .file-manager__layout .file-manager-sider .
|
|
1261
|
-
|
|
1329
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper:before,
|
|
1330
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper:hover:before {
|
|
1331
|
+
background-color: transparent;
|
|
1262
1332
|
}
|
|
1263
1333
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree {
|
|
1264
1334
|
background: none;
|
|
@@ -1268,23 +1338,31 @@
|
|
|
1268
1338
|
height: 44px;
|
|
1269
1339
|
line-height: 44px;
|
|
1270
1340
|
display: flex;
|
|
1271
|
-
padding: 0
|
|
1341
|
+
padding: 0 12px;
|
|
1272
1342
|
overflow: hidden;
|
|
1273
1343
|
width: 100%;
|
|
1274
1344
|
border-radius: calc(var(--borderRadius) * 1px);
|
|
1275
1345
|
}
|
|
1276
|
-
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-treenode
|
|
1277
|
-
background-color:
|
|
1346
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-treenode.ant-tree-treenode-selected {
|
|
1347
|
+
background-color: transparent;
|
|
1348
|
+
}
|
|
1349
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-treenode:hover {
|
|
1350
|
+
background-color: var(--colorBgLayout);
|
|
1278
1351
|
}
|
|
1279
1352
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-node-content-wrapper {
|
|
1280
1353
|
flex: 1;
|
|
1354
|
+
display: flex;
|
|
1355
|
+
width: 100%;
|
|
1281
1356
|
align-items: center;
|
|
1282
1357
|
padding: 0;
|
|
1283
1358
|
transition: background-color 0.2s ease;
|
|
1284
|
-
max-width: calc(100% - 50px);
|
|
1285
1359
|
background-color: transparent;
|
|
1286
|
-
|
|
1287
|
-
|
|
1360
|
+
}
|
|
1361
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-node-content-wrapper .ant-tree-icon__customize {
|
|
1362
|
+
display: none;
|
|
1363
|
+
}
|
|
1364
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-node-content-wrapper .ant-tree-title {
|
|
1365
|
+
width: 100%;
|
|
1288
1366
|
}
|
|
1289
1367
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-node-content-wrapper:hover {
|
|
1290
1368
|
background-color: transparent;
|
|
@@ -1292,27 +1370,28 @@
|
|
|
1292
1370
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-btn.ant-btn-icon-only {
|
|
1293
1371
|
width: inherit;
|
|
1294
1372
|
}
|
|
1373
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-title {
|
|
1374
|
+
color: inherit;
|
|
1375
|
+
}
|
|
1295
1376
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-switcher {
|
|
1296
|
-
height: 36px;
|
|
1297
|
-
width: 36px;
|
|
1298
|
-
margin-top: 2px;
|
|
1299
|
-
margin-left: -4px;
|
|
1300
1377
|
display: flex;
|
|
1378
|
+
height: 20px;
|
|
1379
|
+
margin: auto;
|
|
1301
1380
|
align-items: center;
|
|
1302
1381
|
justify-content: center;
|
|
1303
1382
|
transition: color 0.2s ease;
|
|
1304
1383
|
flex-shrink: 0; /* Запрещаем сжатие переключателя */
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
height: 36px;
|
|
1310
|
-
width: 36px;
|
|
1384
|
+
color: inherit;
|
|
1385
|
+
padding: 0;
|
|
1386
|
+
width: 0;
|
|
1387
|
+
overflow: hidden;
|
|
1311
1388
|
}
|
|
1312
1389
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-switcher > .anticon {
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1390
|
+
width: 0;
|
|
1391
|
+
overflow: hidden;
|
|
1392
|
+
}
|
|
1393
|
+
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-tree-switcher:not(.ant-tree-switcher-noop):hover:before {
|
|
1394
|
+
background: inherit;
|
|
1316
1395
|
}
|
|
1317
1396
|
.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .folder-item-container {
|
|
1318
1397
|
width: 100%;
|
|
@@ -1366,8 +1445,8 @@
|
|
|
1366
1445
|
padding: 0 16px;
|
|
1367
1446
|
}
|
|
1368
1447
|
.em-filemanager .file-manager__layout .main-content .content-layout .search-container input {
|
|
1369
|
-
height:
|
|
1370
|
-
line-height:
|
|
1448
|
+
height: 30px;
|
|
1449
|
+
line-height: 1;
|
|
1371
1450
|
}
|
|
1372
1451
|
.em-filemanager .file-manager__layout .main-content .content-layout .sort-label {
|
|
1373
1452
|
color: var(--colorTextTertiary);
|
|
@@ -1391,21 +1470,21 @@
|
|
|
1391
1470
|
padding: 0 11px;
|
|
1392
1471
|
}
|
|
1393
1472
|
.file-manager__layout .main-content .ant-card-body {
|
|
1394
|
-
padding:
|
|
1473
|
+
padding: 12px 16px;
|
|
1395
1474
|
}
|
|
1396
1475
|
.em-filemanager .file-manager__layout .main-content .ant-image {
|
|
1397
1476
|
display: block;
|
|
1398
1477
|
height: 100%;
|
|
1399
1478
|
background: var(--colorBorder);
|
|
1400
|
-
border-radius:
|
|
1479
|
+
border-radius: 4px;
|
|
1401
1480
|
}
|
|
1402
1481
|
.em-filemanager .file-manager__layout .main-content .ant-image-mask,
|
|
1403
1482
|
.em-filemanager .file-manager__layout .main-content .ant-card-cover img + .ant-image-mask {
|
|
1404
|
-
border-radius:
|
|
1483
|
+
border-radius: 4px;
|
|
1405
1484
|
}
|
|
1406
1485
|
.em-filemanager .file-manager__layout .main-content .ant-table-wrapper {
|
|
1407
|
-
padding-right:
|
|
1408
|
-
padding-left:
|
|
1486
|
+
padding-right: 24px;
|
|
1487
|
+
padding-left: 24px;
|
|
1409
1488
|
}
|
|
1410
1489
|
.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table {
|
|
1411
1490
|
background: none;
|
|
@@ -1417,16 +1496,26 @@
|
|
|
1417
1496
|
box-shadow: 0 8px 16px 0 rgba(25, 29, 58, 0.0392156863);
|
|
1418
1497
|
}
|
|
1419
1498
|
.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td {
|
|
1420
|
-
border-bottom:
|
|
1499
|
+
border-bottom: 2px solid var(--colorBgLayout);
|
|
1500
|
+
border-top: 2px solid var(--colorBgLayout);
|
|
1421
1501
|
cursor: pointer;
|
|
1422
1502
|
-webkit-user-select: none;
|
|
1423
1503
|
user-select: none;
|
|
1504
|
+
padding: 8px 4px;
|
|
1505
|
+
}
|
|
1506
|
+
.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td.ant-table-cell-row-hover {
|
|
1507
|
+
color: var(--colorPrimary);
|
|
1424
1508
|
}
|
|
1425
1509
|
.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td:first-child {
|
|
1426
1510
|
border-radius: calc(var(--borderRadiusLG) * 1px) 0 0 calc(var(--borderRadiusLG) * 1px);
|
|
1511
|
+
padding-left: 8px;
|
|
1512
|
+
}
|
|
1513
|
+
.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td:first-child .ant-checkbox.ant-wave-target {
|
|
1514
|
+
margin-left: 8px;
|
|
1427
1515
|
}
|
|
1428
1516
|
.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td:last-child {
|
|
1429
1517
|
border-radius: 0 calc(var(--borderRadiusLG) * 1px) calc(var(--borderRadiusLG) * 1px) 0;
|
|
1518
|
+
padding-right: 8px;
|
|
1430
1519
|
}
|
|
1431
1520
|
.em-filemanager .file-manager__layout .resize-guide {
|
|
1432
1521
|
position: fixed;
|
|
@@ -1454,15 +1543,15 @@
|
|
|
1454
1543
|
}
|
|
1455
1544
|
.em-filemanager .file-manager__layout .sidebar-resizer:hover,
|
|
1456
1545
|
.em-filemanager .file-manager__layout .sidebar-resizer.resizing {
|
|
1457
|
-
background-color:
|
|
1546
|
+
background-color: var(--colorBorder);
|
|
1458
1547
|
}
|
|
1459
1548
|
.em-filemanager .file-manager__layout .sidebar-resizer-indicator {
|
|
1460
1549
|
position: absolute;
|
|
1461
1550
|
top: 0;
|
|
1462
|
-
|
|
1551
|
+
right: 0;
|
|
1463
1552
|
width: 1px;
|
|
1464
1553
|
height: 100%;
|
|
1465
|
-
background-color:
|
|
1554
|
+
background-color: transparent;
|
|
1466
1555
|
}
|
|
1467
1556
|
.em-filemanager .file-manager__layout .sidebar-resizer-dots {
|
|
1468
1557
|
display: flex;
|
|
@@ -1492,11 +1581,9 @@
|
|
|
1492
1581
|
flex-direction: column;
|
|
1493
1582
|
height: 100%;
|
|
1494
1583
|
}
|
|
1495
|
-
.em-filemanager .file-manager__layout .header-container {
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
margin-bottom: calc(var(--margin) * 1px);
|
|
1499
|
-
align-items: center;
|
|
1584
|
+
.em-filemanager .file-manager__layout .header-container .ant-btn {
|
|
1585
|
+
padding: 8px;
|
|
1586
|
+
line-height: 1.3;
|
|
1500
1587
|
}
|
|
1501
1588
|
.em-filemanager .file-manager__layout .actions-container {
|
|
1502
1589
|
display: flex;
|
|
@@ -1512,7 +1599,10 @@
|
|
|
1512
1599
|
display: flex;
|
|
1513
1600
|
gap: 16px;
|
|
1514
1601
|
align-items: center;
|
|
1515
|
-
width:
|
|
1602
|
+
width: 300px;
|
|
1603
|
+
}
|
|
1604
|
+
.em-filemanager .file-manager__layout .search-container .ant-input-affix-wrapper {
|
|
1605
|
+
padding: 0 12px;
|
|
1516
1606
|
}
|
|
1517
1607
|
.em-filemanager .file-manager__layout .breadcrumb-container {
|
|
1518
1608
|
margin-bottom: calc(var(--margin) * 1px);
|
|
@@ -1546,7 +1636,7 @@
|
|
|
1546
1636
|
}
|
|
1547
1637
|
.em-filemanager .file-manager__layout .sidebar-container {
|
|
1548
1638
|
height: 100%;
|
|
1549
|
-
padding:
|
|
1639
|
+
padding: 32px;
|
|
1550
1640
|
overflow: hidden;
|
|
1551
1641
|
}
|
|
1552
1642
|
.em-filemanager .file-manager__layout .sidebar-container .ant-tree-treenode {
|
|
@@ -1581,7 +1671,7 @@
|
|
|
1581
1671
|
.em-filemanager .file-manager__layout .folder-menu .select > .ant-menu-submenu-title,
|
|
1582
1672
|
.em-filemanager .file-manager__layout .folder-menu .select:not(.ant-menu-submenu-selected),
|
|
1583
1673
|
.em-filemanager .file-manager__layout .folder-menu .ant-menu-item-selected {
|
|
1584
|
-
background-color: var(--
|
|
1674
|
+
background-color: var(--controlItemBgActive);
|
|
1585
1675
|
}
|
|
1586
1676
|
.em-filemanager .file-manager__layout .folder-label {
|
|
1587
1677
|
cursor: pointer;
|
|
@@ -1632,11 +1722,21 @@
|
|
|
1632
1722
|
.em-filemanager .file-manager__layout .folderMenu .ant-tree-treenode-selected .folderLabel .folderIcon,
|
|
1633
1723
|
.em-filemanager .file-manager__layout .folderMenu .ant-tree-treenode-selected .folderLabelItem,
|
|
1634
1724
|
.em-filemanager .file-manager__layout .folderMenu .ant-tree-treenode-selected .folderIcon {
|
|
1635
|
-
color: var(--
|
|
1725
|
+
color: var(--colorLink);
|
|
1636
1726
|
}
|
|
1637
1727
|
.em-filemanager .file-manager__layout .gridCard .ant-card-cover {
|
|
1638
|
-
height:
|
|
1728
|
+
height: 180px;
|
|
1639
1729
|
overflow: hidden;
|
|
1730
|
+
border-radius: 16px;
|
|
1731
|
+
}
|
|
1732
|
+
.em-filemanager .file-manager__layout .gridCard .ant-checkbox {
|
|
1733
|
+
height: 20px;
|
|
1734
|
+
width: 20px;
|
|
1735
|
+
border: 2px solid white;
|
|
1736
|
+
border-radius: 6px;
|
|
1737
|
+
}
|
|
1738
|
+
.em-filemanager .file-manager__layout .gridCard .ant-checkbox .ant-checkbox-inner {
|
|
1739
|
+
border: none;
|
|
1640
1740
|
}
|
|
1641
1741
|
.em-filemanager .file-manager__layout .ant-image .ant-image-img {
|
|
1642
1742
|
max-width: 100%;
|
|
@@ -1660,9 +1760,9 @@
|
|
|
1660
1760
|
transform: scale(1.05);
|
|
1661
1761
|
}
|
|
1662
1762
|
|
|
1663
|
-
@media (max-width:
|
|
1664
|
-
.em-filemanager .
|
|
1665
|
-
|
|
1763
|
+
@media (max-width: 1200px) {
|
|
1764
|
+
.em-filemanager .header-container .ant-btn > span:nth-child(2) {
|
|
1765
|
+
display: none;
|
|
1666
1766
|
}
|
|
1667
1767
|
}
|
|
1668
1768
|
.em-filemanager .files-grid-container {
|