@jfvilas/react-file-manager 1.1.7 → 1.1.9
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/README.md +36 -32
- package/dist/react-file-manager.es.js +24310 -10573
- package/dist/react-file-manager.es.js.map +1 -0
- package/dist/style.css +1163 -1
- package/package.json +2 -1
package/dist/style.css
CHANGED
|
@@ -1 +1,1163 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";.loader-container{position:absolute;display:flex;justify-content:center;align-items:center;height:-webkit-fill-available;width:-webkit-fill-available;background-color:#00000080;z-index:1000}.spinner{font-size:3rem;color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-loading{position:relative;display:block;background-color:transparent;z-index:0}.upload-loading .spinner{font-size:.9rem;color:#000}.toolbar{height:35px;min-height:35px;max-height:35px;border-bottom:1px solid #cfcfcf;padding:5px 10px}.toolbar .file-action-container{display:flex;justify-content:space-between}.toolbar .file-action-container>div{display:flex}.toolbar .file-action-container .file-action{background-color:transparent;gap:5px}.toolbar .file-action-container .file-action:hover:not(:disabled){cursor:pointer;background-color:#0000008c!important;border-radius:3px;color:#fff;text-shadow:0px 0px 1px white}.toolbar .file-action-container .file-action:hover:disabled{cursor:default;background-color:transparent!important;color:#b0b0b0;text-shadow:none}.toolbar .fm-toolbar{display:flex;justify-content:space-between}.toolbar .fm-toolbar>div{display:flex;position:relative}.toolbar .fm-toolbar .toolbar-left-items{display:flex}.toolbar .fm-toolbar .toggle-view{position:absolute;z-index:3;top:105%;right:22%;background-color:#fff;margin:0;border:1px solid #c4c4c4;border-radius:5px;font-size:16px;width:160px}.toolbar .fm-toolbar .toggle-view ul{list-style:none;padding-left:0;margin:.4em 0;display:flex;flex-direction:column;gap:1px}.toolbar .fm-toolbar .toggle-view ul li{display:flex;align-items:center;gap:8px;padding:5px 20px 5px 10px}.toolbar .fm-toolbar .toggle-view ul li:hover{cursor:pointer;background-color:#00000013}.toolbar .fm-toolbar .toggle-view ul li span:nth-child(1){width:13px}.toolbar .item-action{background-color:#fff;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:14px;width:fit-content;border:none}.toolbar .item-action:hover{cursor:pointer;background-color:#0000001f!important;border-radius:3px}.toolbar .item-action .toggle-view-icon{background-color:transparent;border:none}.toolbar .item-action .toggle-view-icon:hover{cursor:pointer}.toolbar .icon-only{padding:0 8px!important}.toolbar .icon-only:focus{background-color:#0000001f;border-radius:3px}.toolbar .icon-only:hover{color:var(--file-manager-primary-color)}.toolbar .item-separator{height:36px;background:#cfcfcf;width:1px;margin:0 5px}.file-selected{background-color:#0000000d}.sb-folders-list{list-style:none;margin:0 4px;height:100%;font-size:16px;overflow-y:auto!important}.sb-folders-list::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.sb-folders-list::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.sb-folders-list .folder-collapsible{margin-left:10px}.sb-folders-list .sb-folders-list-item{display:flex;align-items:center;margin-bottom:4px;padding:6px 5px;border-radius:4px}.sb-folders-list .sb-folders-list-item:hover{cursor:pointer;background-color:#0000000d}.sb-folders-list .sb-folders-list-item .non-expanable{min-width:20px}.sb-folders-list .sb-folders-list-item .sb-folder-details{display:flex;align-items:center}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-open-icon{margin:0 7px}.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-close-icon{margin:1px 9px 0 8px}.sb-folders-list .sb-folders-list-item .sb-folder-details .sb-folder-name{width:max-content}.sb-folders-list .sb-folders-list-item .folder-icon-default{transform:rotate(0);transition:transform .5s ease-in-out}.sb-folders-list .sb-folders-list-item .folder-icon-default.folder-rotate-down{transform:rotate(90deg)}.sb-folders-list .active-list-item{background-color:var(--file-manager-primary-color);color:#fff}.sb-folders-list .active-list-item:hover{cursor:pointer;background-color:var(--file-manager-primary-color)}.sb-folders-list .empty-nav-pane{display:flex;justify-content:center;align-items:center;height:100%}.bread-crumb-container{position:relative;font-size:16px}.bread-crumb-container .breadcrumb{height:22px;min-height:22px;max-height:22px;display:flex;gap:.5rem;border-bottom:1px solid #cfcfcf;padding:6px 0 6PX 15px;overflow-x:hidden}.bread-crumb-container .breadcrumb::-webkit-scrollbar{height:3px}.bread-crumb-container .breadcrumb::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important}.bread-crumb-container .breadcrumb .nav-toggler{display:flex;align-items:center}.bread-crumb-container .breadcrumb .divider{width:1px;background-color:#cfcfcf}.bread-crumb-container .breadcrumb .folder-name{display:flex;align-items:center;gap:.25rem;font-weight:500;min-width:fit-content}.bread-crumb-container .breadcrumb .folder-name:hover{cursor:pointer;color:var(--file-manager-primary-color)}.bread-crumb-container .breadcrumb .hidden-folders{padding:0 4px}.bread-crumb-container .breadcrumb .folder-name-btn{background-color:transparent;border:none;padding:0}.bread-crumb-container .breadcrumb .folder-name-btn:hover,.bread-crumb-container .breadcrumb .folder-name-btn:focus{cursor:pointer;color:var(--file-manager-primary-color);background-color:#dddcdc;border-radius:5px}.hidden-folders-container{position:absolute;margin:0;z-index:2;background-color:#636363;color:#fff;padding:4px;border-radius:5px;font-size:.9em;left:3rem;display:flex;flex-direction:column;gap:5px}.hidden-folders-container li{padding:5px 10px;border-radius:4px}.hidden-folders-container li:hover{cursor:pointer;background-color:#757575}.search-input{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #999;font-family:var(--file-manager-font-family);outline:none;padding-right:18px;margin-right:12px;box-shadow:none;box-sizing:border-box;width:120;min-width:120;max-width:120}.rename-file{position:relative;min-width:69%;max-width:-webkit-fill-available;text-align:center;border:4px solid var(--file-manager-primary-color);border-radius:10px;font-size:15px;font-family:var(--file-manager-font-family);padding:1px 7px;resize:none;field-sizing:content;overflow-y:hidden;z-index:1}.rename-file:focus{outline:none}.error-tooltip{position:absolute;z-index:1;bottom:-68px;left:16px;padding:8px;width:292px;border-radius:5px;background-color:#696969;text-align:left;margin:0;font-size:.9em}.error-tooltip:before{content:"";position:absolute;top:-20%;rotate:-45deg;border:15px solid #696969;border-color:transparent #696969 transparent transparent}.error-tooltip.right{left:16px}.error-tooltip.right:before{left:11%}.error-tooltip.left{left:-180px}.error-tooltip.left:before{left:76%;transform:rotate(90deg) scaleX(-1)}.error-tooltip.top{bottom:unset!important;top:-68px}.error-tooltip.top:before{content:none}.error-tooltip.top:after{content:"";position:absolute;bottom:-20%;left:11%;rotate:-45deg;border:15px solid #696969;border-color:transparent transparent #696969 transparent}.error-tooltip.top.left:after{left:76%;transform:rotate(90deg) scaleX(-1)}.fm-button{border-radius:5px;font-weight:600;border:none}.fm-button:hover{cursor:pointer}.fm-button-primary{background-color:var(--file-manager-primary-color);color:#fff}.fm-button-primary:hover{background-image:linear-gradient(#0003,#0003)}.fm-button-secondary{background-color:#f0f0f0;color:#000}.fm-button-secondary:hover{background-image:linear-gradient(#0000001a,#0000001a)}.fm-button-danger{background-color:#f44336;color:#fff}.fm-button-danger:hover{background-image:linear-gradient(#0003,#0003)}.fm-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cfcfcf;padding:.3rem 1rem;font-size:16px}.fm-modal-header .fm-modal-heading{margin:0;font-weight:700;color:#000}.dialog[open]{animation:expand .4s forwards}.dialog[open]::backdrop{background:#00000080}@keyframes expand{0%{transform:scale(.4)}to{transform:scale(1)}}.fm-checkbox{accent-color:white}.fm-checkbox:disabled{cursor:default!important}.fm-checkbox:hover{cursor:pointer}.fm-context-menu{position:absolute;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1;transition:opacity .1s linear;font-size:16px}.fm-context-menu .file-context-menu-list{font-size:1.1em}.fm-context-menu .file-context-menu-list ul{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:3px}.fm-context-menu .file-context-menu-list ul li{display:flex;gap:9px;align-items:center;padding:3px 13px;position:relative;border-radius:4px}.fm-context-menu .file-context-menu-list ul li:hover{cursor:pointer;background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.active{background-color:#00000012}.fm-context-menu .file-context-menu-list ul li.disable-paste{opacity:.5}.fm-context-menu .file-context-menu-list ul li.disable-paste:hover{cursor:default;background-color:transparent}.fm-context-menu .file-context-menu-list .divider{border-bottom:1px solid #c6c6c6;margin:5px 0 3px}.fm-context-menu .file-context-menu-list .list-expand-icon{margin-left:auto;color:#444}.fm-context-menu .file-context-menu-list .sub-menu{position:absolute;top:0;background-color:#fff;border:1px solid #c6c6c6;border-radius:6px;padding:4px;z-index:1}.fm-context-menu .file-context-menu-list .sub-menu .item-selected{width:13px;color:#444}.fm-context-menu .file-context-menu-list .sub-menu li:hover{background-color:#00000012!important}.fm-context-menu .file-context-menu-list .sub-menu.right{left:calc(100% - 2px)}.fm-context-menu .file-context-menu-list .sub-menu.left{left:-83%}.fm-context-menu.hidden{opacity:0;pointer-events:none;visibility:hidden}.fm-context-menu.visible{opacity:1;pointer-events:all;visibility:visible}.files{position:relative;display:flex;align-content:flex-start;flex-wrap:wrap;column-gap:.5em;row-gap:5px;border-style:solid!important;border-color:#cfcfcf!important;border-top:0;border-left:0;border-right:0;border-bottom:1px;overflow-y:auto!important}.files::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.files::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.files{padding-right:4px;font-size:16px}.files .drag-move-tooltip{background-color:#fff;font-size:.78em;position:fixed;text-wrap:nowrap;border:1px dashed black;padding:1px 5px 2px 24px;border-radius:3px;font-weight:700;color:var(--file-manager-primary-color);z-index:2}.files .drag-move-tooltip .drop-zone-file-name{color:#303030}.files .file-item-container{border-radius:5px;margin:5px 0}.files .file-item-container .drag-icon{position:absolute!important;top:-1000px;left:-1000px;z-Index:-1;border-radius:4px;position:relative;color:#fff;background-color:var(--file-manager-primary-color);padding:3px 8px}.files .file-item-container.file-drop-zone{background-color:#00000014!important}.files .file-item{position:relative;height:81px;width:138px;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:space-between;padding-top:13px;padding-bottom:1px;border-radius:5px}.files .file-item:hover{background-color:#0000000d}.files .file-item .selection-checkbox{position:absolute;left:5px;top:8px}.files .file-item .hidden{visibility:hidden}.files .file-item .visible{visibility:visible}.files .file-item .rename-file-container{position:absolute;top:65px;width:100%;text-align:center}.files .file-item .rename-file-container.list{top:6px;left:58px;text-align:left}.files .file-item .rename-file-container.list .rename-file{min-width:15%;text-align:left;border-radius:3px;border:none;top:5px;white-space:nowrap;overflow-x:hidden;max-width:calc(100% - 62px)}.files .file-item .rename-file-container.list .folder-name-error.right{left:0;bottom:-72px}.files .file-item .file-name{max-width:115px}.files .file-selected{background-color:var(--file-manager-primary-color);color:#fff}.files .file-selected:hover{background-color:var(--file-manager-primary-color)}.files .file-moving{opacity:.5}.files.list{flex-direction:column;flex-wrap:nowrap;gap:0;padding-left:0;padding-top:0}.files.list .files-header{font-size:.83em;font-weight:600;display:flex;gap:5px;border-bottom:1px solid #dddddd;padding:4px 0 4px 5px;position:sticky;top:0;background-color:#f5f5f5;z-index:1}.files.list .files-header .file-select-all{width:5%;height:.83em}.files.list .files-header .file-name{width:calc(65% - 35px);padding-left:35px;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-name:hover{background-color:#0000001a}.files.list .files-header .file-name.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-date{text-align:center;width:20%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-date:hover{background-color:#0000001a}.files.list .files-header .file-date.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .file-size{text-align:center;width:10%;cursor:pointer;-webkit-user-select:none;user-select:none}.files.list .files-header .file-size:hover{background-color:#0000001a}.files.list .files-header .file-size.active{background-color:#007bff1a;color:#007bff}.files.list .files-header .sort-indicator{font-size:.8em;margin-left:4px}.files.list .file-item-container{display:flex;width:100%;margin:0;border-radius:0}.files.list .file-item-container:hover{background-color:#0000000a}.files.list .file-item-container.file-selected:hover{background-color:var(--file-manager-primary-color)!important}.files.list .file-item{flex-direction:row;height:13px;justify-content:unset;padding:15px 15px 15px 33px;margin:0;width:calc(70% - 30px)}.files.list .file-item:hover{background-color:unset}.files.list .file-item .selection-checkbox{top:12px}.files.list .file-item .file-name{max-width:285px}.files.list .modified-date{display:flex;align-items:center;justify-content:center;font-size:.8em;width:20%}.files.list .size{display:flex;align-items:center;justify-content:center;font-size:.8em;width:10%}.empty-folder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.statusbar{padding-top:2px;padding-left:4px;border-bottom-right-radius:8px;font-size:12px}.file-delete-confirm .file-delete-confirm-text{border-bottom:1px solid #dddddd;padding:15px;margin-top:0;margin-bottom:.7rem;word-wrap:break-word;font-weight:500;font-size:16px}.file-delete-confirm .file-delete-confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.7rem;margin-right:1rem}.fm-progress{display:flex;flex-direction:column;gap:5px}.fm-progress .fm-progress-bar{width:100%;border-radius:5px;background-color:#c6c6c6;height:5px}.fm-progress .fm-progress-bar .fm-progress-bar-fill{height:100%;background-color:var(--file-manager-primary-color);border-radius:5px;max-width:100%}.fm-progress .fm-progress-status{font-size:.75em;font-weight:600;display:flex;justify-content:space-between}.fm-progress .fm-upload-canceled{font-size:.75em;font-weight:600;color:red}.fm-upload-file{padding:18px 15px;display:flex;gap:18px;font-size:16px}.fm-upload-file .select-files{width:100%}.fm-upload-file .select-files .draggable-file-input{color:#696969;background-color:#f7f7f7;margin-bottom:18px;height:220px;border:2px dashed #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center}.fm-upload-file .select-files .draggable-file-input .input-text{pointer-events:none;display:flex;flex-direction:column;align-items:center}.fm-upload-file .select-files .draggable-file-input:hover,.fm-upload-file .select-files .draggable-file-input.dragging{border-color:var(--file-manager-primary-color)}.fm-upload-file .select-files .btn-choose-file{display:flex;justify-content:center}.fm-upload-file .select-files .btn-choose-file label{display:inline-block;padding:.4rem .8rem}.fm-upload-file .select-files .btn-choose-file label:hover{cursor:pointer}.fm-upload-file .select-files .btn-choose-file .choose-file-input{display:none}.fm-upload-file .files-progress{width:calc(60% - 18px)}.fm-upload-file .files-progress .heading{display:flex;gap:4px}.fm-upload-file .files-progress h2{font-size:.9em;margin:0}.fm-upload-file .files-progress ul{padding-left:0;padding-right:5px;padding-bottom:10px;margin-top:.7rem;height:220px;overflow-y:auto!important}.fm-upload-file .files-progress ul::-webkit-scrollbar{width:5px;height:8px;padding-top:2px}.fm-upload-file .files-progress ul::-webkit-scrollbar-thumb{background:var(--file-manager-primary-color)!important;border-radius:8px}.fm-upload-file .files-progress ul{font-weight:500}.fm-upload-file .files-progress ul li{list-style:none;border-bottom:1px solid #c6c6c6;display:flex;gap:10px;margin-bottom:18px;padding-bottom:12px}.fm-upload-file .files-progress ul li .file-icon{width:10%}.fm-upload-file .files-progress ul li .file{width:86%}.fm-upload-file .files-progress ul li .file .file-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.fm-upload-file .files-progress ul li .file .file-details .file-info{width:90%;display:flex;align-items:baseline}.fm-upload-file .files-progress ul li .file .file-details .file-info .file-name{display:inline-block;max-width:66%;margin-right:8px}.fm-upload-file .files-progress ul li .file .file-details .file-size{font-size:.7em}.fm-upload-file .files-progress ul li .file .file-details .retry-upload{padding:3px;border-radius:50%}.fm-upload-file .files-progress ul li .file .file-details .retry-upload:hover{cursor:pointer;background-color:#00000012;color:var(--file-manager-primary-color)}.fm-upload-file .files-progress ul li .file .file-details .rm-file:hover{cursor:pointer;color:red}.fm-upload-file .files-progress ul li .file .file-details .upload-success{color:var(--file-manager-primary-color)}.file-previewer{padding:.8em;height:40dvh;display:flex;justify-content:center;font-size:16px}.file-previewer .photo-popup-image{object-fit:contain;width:-webkit-fill-available;opacity:1;transition:opacity .5s ease-in-out}.file-previewer .img-loading{opacity:0;height:0%;width:0%}.file-previewer .img-loading{height:0}.file-previewer .audio-preview{align-self:center;width:60%}.file-previewer .photo-popup-iframe{width:-webkit-fill-available}.file-previewer .preview-error{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.file-previewer .preview-error .error-icon{color:#494949}.file-previewer .preview-error .error-msg{font-weight:500;font-size:1.1em;margin-bottom:4px}.file-previewer .preview-error .file-info{display:flex;gap:6px;align-items:center;margin:1px 0 5px}.file-previewer .preview-error .file-info .file-name{padding:4px 15px;background-color:#e9e9e9;border:1px solid rgb(163,173,173);border-radius:3px}.file-previewer .preview-error .file-info .file-size{font-size:.8em}.file-previewer .preview-error .download-btn{display:flex;gap:3px;align-items:center}.file-previewer.pdf-previewer{height:85dvh}.video-preview{width:-webkit-fill-available}.text-white{color:#fff}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}img,svg{vertical-align:middle}.fm-modal{border:1px solid #c6c6c6;border-radius:5px;width:fit-content;overflow-x:hidden;padding:0;box-shadow:0 2px 10px #00000041}.w-25{width:25%}.file-explorer{min-height:400px;height:100%;width:100%;font-family:var(--file-manager-font-family);border:1px solid #cfcfcf;border-radius:8px}.file-explorer button{font-family:var(--file-manager-font-family)}.file-explorer{position:relative;background-color:#fff;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.file-explorer .files-container{display:flex;height:calc(100% - 46px)}.file-explorer .files-container .navigation-pane{z-index:1;padding-top:8px;position:relative}.file-explorer .files-container .navigation-pane .sidebar-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10;border-right:1px solid #cfcfcf}.file-explorer .files-container .navigation-pane .sidebar-resize:hover,.file-explorer .files-container .navigation-pane .sidebar-dragging{border-right:1px solid #1e3a8a}.file-explorer .files-container .navigation-pane.open{display:block}.file-explorer .files-container .navigation-pane.closed{display:none}.file-explorer .files-container .folders-preview{z-index:2;background-color:#fff;padding-right:0;padding-left:0;border-bottom-right-radius:8px;border-bottom-left-radius:0}.close-icon{padding:5px;border-radius:50%}.close-icon:hover{cursor:pointer;background-color:#00000012}.fm-rename-folder-container{padding:8px 0;text-align:left}.fm-rename-folder-container .fm-rename-folder-input{border-bottom:1px solid #c6c6c6;padding:8px 12px 12px}.fm-rename-folder-container .fm-rename-folder-input .fm-rename-warning{display:flex;align-items:center;gap:10px}.fm-rename-folder-container .fm-rename-folder-action{display:flex;gap:8px;justify-content:flex-end;padding:8px 8px 0 0}.file-selcted .select-files{width:40%}
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");.loader-container {
|
|
2
|
+
position: absolute;
|
|
3
|
+
display: flex;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
align-items: center;
|
|
6
|
+
height: -webkit-fill-available;
|
|
7
|
+
width: -webkit-fill-available;
|
|
8
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
9
|
+
z-index: 1000;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.spinner {
|
|
13
|
+
font-size: 3rem;
|
|
14
|
+
color: white;
|
|
15
|
+
animation: spin 1s linear infinite;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@keyframes spin {
|
|
19
|
+
0% {
|
|
20
|
+
transform: rotate(0deg);
|
|
21
|
+
}
|
|
22
|
+
100% {
|
|
23
|
+
transform: rotate(360deg);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
.upload-loading {
|
|
27
|
+
position: relative;
|
|
28
|
+
display: block;
|
|
29
|
+
background-color: transparent;
|
|
30
|
+
z-index: 0;
|
|
31
|
+
}
|
|
32
|
+
.upload-loading .spinner {
|
|
33
|
+
font-size: 0.9rem;
|
|
34
|
+
color: black;
|
|
35
|
+
}.toolbar {
|
|
36
|
+
height: 35px;
|
|
37
|
+
min-height: 35px;
|
|
38
|
+
max-height: 35px;
|
|
39
|
+
border-bottom: 1px solid #cfcfcf;
|
|
40
|
+
padding: 5px 10px;
|
|
41
|
+
}
|
|
42
|
+
.toolbar .file-action-container {
|
|
43
|
+
display: flex;
|
|
44
|
+
justify-content: space-between;
|
|
45
|
+
}
|
|
46
|
+
.toolbar .file-action-container > div {
|
|
47
|
+
display: flex;
|
|
48
|
+
}
|
|
49
|
+
.toolbar .file-action-container .file-action {
|
|
50
|
+
background-color: transparent;
|
|
51
|
+
gap: 5px;
|
|
52
|
+
}
|
|
53
|
+
.toolbar .file-action-container .file-action:hover:not(:disabled) {
|
|
54
|
+
cursor: pointer;
|
|
55
|
+
background-color: rgba(0, 0, 0, 0.55) !important;
|
|
56
|
+
border-radius: 3px;
|
|
57
|
+
color: white;
|
|
58
|
+
text-shadow: 0px 0px 1px white;
|
|
59
|
+
}
|
|
60
|
+
.toolbar .file-action-container .file-action:hover:disabled {
|
|
61
|
+
cursor: default;
|
|
62
|
+
background-color: transparent !important;
|
|
63
|
+
color: #b0b0b0;
|
|
64
|
+
text-shadow: none;
|
|
65
|
+
}
|
|
66
|
+
.toolbar .fm-toolbar {
|
|
67
|
+
display: flex;
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
}
|
|
70
|
+
.toolbar .fm-toolbar > div {
|
|
71
|
+
display: flex;
|
|
72
|
+
position: relative;
|
|
73
|
+
}
|
|
74
|
+
.toolbar .fm-toolbar .toolbar-left-items {
|
|
75
|
+
display: flex;
|
|
76
|
+
}
|
|
77
|
+
.toolbar .fm-toolbar .toggle-view {
|
|
78
|
+
position: absolute;
|
|
79
|
+
z-index: 3;
|
|
80
|
+
top: 105%;
|
|
81
|
+
right: 22%;
|
|
82
|
+
background-color: white;
|
|
83
|
+
margin: 0;
|
|
84
|
+
border: 1px solid #c4c4c4;
|
|
85
|
+
border-radius: 5px;
|
|
86
|
+
font-size: 16px;
|
|
87
|
+
width: 200px;
|
|
88
|
+
}
|
|
89
|
+
.toolbar .fm-toolbar .toggle-view ul {
|
|
90
|
+
list-style: none;
|
|
91
|
+
padding-left: 0;
|
|
92
|
+
margin: 0.4em 0;
|
|
93
|
+
display: flex;
|
|
94
|
+
flex-direction: column;
|
|
95
|
+
gap: 1px;
|
|
96
|
+
}
|
|
97
|
+
.toolbar .fm-toolbar .toggle-view ul li {
|
|
98
|
+
display: flex;
|
|
99
|
+
align-items: center;
|
|
100
|
+
gap: 8px;
|
|
101
|
+
padding: 5px 20px 5px 10px;
|
|
102
|
+
}
|
|
103
|
+
.toolbar .fm-toolbar .toggle-view ul li:hover {
|
|
104
|
+
cursor: pointer;
|
|
105
|
+
background-color: rgba(0, 0, 0, 0.075);
|
|
106
|
+
}
|
|
107
|
+
.toolbar .fm-toolbar .toggle-view ul li span:nth-child(1) {
|
|
108
|
+
width: 13px;
|
|
109
|
+
}
|
|
110
|
+
.toolbar .item-action {
|
|
111
|
+
background-color: white;
|
|
112
|
+
display: flex;
|
|
113
|
+
align-items: center;
|
|
114
|
+
gap: 7px;
|
|
115
|
+
padding: 8px 12px;
|
|
116
|
+
font-size: 14px;
|
|
117
|
+
width: fit-content;
|
|
118
|
+
border: none;
|
|
119
|
+
}
|
|
120
|
+
.toolbar .item-action:hover {
|
|
121
|
+
cursor: pointer;
|
|
122
|
+
background-color: rgba(0, 0, 0, 0.12) !important;
|
|
123
|
+
border-radius: 3px;
|
|
124
|
+
}
|
|
125
|
+
.toolbar .item-action .toggle-view-icon {
|
|
126
|
+
background-color: transparent;
|
|
127
|
+
border: none;
|
|
128
|
+
}
|
|
129
|
+
.toolbar .item-action .toggle-view-icon:hover {
|
|
130
|
+
cursor: pointer;
|
|
131
|
+
}
|
|
132
|
+
.toolbar .icon-only {
|
|
133
|
+
padding: 0 8px !important;
|
|
134
|
+
}
|
|
135
|
+
.toolbar .icon-only:focus {
|
|
136
|
+
background-color: rgba(0, 0, 0, 0.12);
|
|
137
|
+
border-radius: 3px;
|
|
138
|
+
}
|
|
139
|
+
.toolbar .icon-only:hover {
|
|
140
|
+
color: var(--file-manager-primary-color);
|
|
141
|
+
}
|
|
142
|
+
.toolbar .item-separator {
|
|
143
|
+
height: 36px;
|
|
144
|
+
background: #cfcfcf;
|
|
145
|
+
width: 1px;
|
|
146
|
+
margin: 0 5px;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.file-selected {
|
|
150
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
151
|
+
}.sb-folders-list {
|
|
152
|
+
list-style: none;
|
|
153
|
+
margin: 0px 4px;
|
|
154
|
+
height: 100%;
|
|
155
|
+
font-size: 16px;
|
|
156
|
+
overflow-y: auto !important;
|
|
157
|
+
}
|
|
158
|
+
.sb-folders-list::-webkit-scrollbar {
|
|
159
|
+
width: 5px;
|
|
160
|
+
height: 8px;
|
|
161
|
+
padding-top: 2px;
|
|
162
|
+
}
|
|
163
|
+
.sb-folders-list::-webkit-scrollbar-thumb {
|
|
164
|
+
background: var(--file-manager-primary-color) !important;
|
|
165
|
+
border-radius: 8px;
|
|
166
|
+
}
|
|
167
|
+
.sb-folders-list .folder-collapsible {
|
|
168
|
+
margin-left: 10px;
|
|
169
|
+
}
|
|
170
|
+
.sb-folders-list .sb-folders-list-item {
|
|
171
|
+
display: flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
margin-bottom: 4px;
|
|
174
|
+
padding: 6px 5px;
|
|
175
|
+
border-radius: 4px;
|
|
176
|
+
}
|
|
177
|
+
.sb-folders-list .sb-folders-list-item:hover {
|
|
178
|
+
cursor: pointer;
|
|
179
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
180
|
+
}
|
|
181
|
+
.sb-folders-list .sb-folders-list-item .non-expanable {
|
|
182
|
+
min-width: 20px;
|
|
183
|
+
}
|
|
184
|
+
.sb-folders-list .sb-folders-list-item .sb-folder-details {
|
|
185
|
+
display: flex;
|
|
186
|
+
align-items: center;
|
|
187
|
+
}
|
|
188
|
+
.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-open-icon {
|
|
189
|
+
margin: 0 7px;
|
|
190
|
+
}
|
|
191
|
+
.sb-folders-list .sb-folders-list-item .sb-folder-details .folder-close-icon {
|
|
192
|
+
margin: 1px 9px 0px 8px;
|
|
193
|
+
}
|
|
194
|
+
.sb-folders-list .sb-folders-list-item .sb-folder-details .sb-folder-name {
|
|
195
|
+
width: max-content;
|
|
196
|
+
}
|
|
197
|
+
.sb-folders-list .sb-folders-list-item .folder-icon-default {
|
|
198
|
+
transform: rotate(0deg);
|
|
199
|
+
transition: transform 0.5s ease-in-out;
|
|
200
|
+
}
|
|
201
|
+
.sb-folders-list .sb-folders-list-item .folder-icon-default.folder-rotate-down {
|
|
202
|
+
transform: rotate(90deg);
|
|
203
|
+
}
|
|
204
|
+
.sb-folders-list .active-list-item {
|
|
205
|
+
background-color: var(--file-manager-primary-color);
|
|
206
|
+
color: white;
|
|
207
|
+
}
|
|
208
|
+
.sb-folders-list .active-list-item:hover {
|
|
209
|
+
cursor: pointer;
|
|
210
|
+
background-color: var(--file-manager-primary-color);
|
|
211
|
+
}
|
|
212
|
+
.sb-folders-list .empty-nav-pane {
|
|
213
|
+
display: flex;
|
|
214
|
+
justify-content: center;
|
|
215
|
+
align-items: center;
|
|
216
|
+
height: 100%;
|
|
217
|
+
}.bread-crumb-container {
|
|
218
|
+
position: relative;
|
|
219
|
+
font-size: 16px;
|
|
220
|
+
}
|
|
221
|
+
.bread-crumb-container .breadcrumb {
|
|
222
|
+
height: 22px;
|
|
223
|
+
min-height: 22px;
|
|
224
|
+
max-height: 22px;
|
|
225
|
+
display: flex;
|
|
226
|
+
gap: 0.5rem;
|
|
227
|
+
padding: 6px 0 6PX 15px;
|
|
228
|
+
overflow-x: hidden;
|
|
229
|
+
}
|
|
230
|
+
.bread-crumb-container .breadcrumb::-webkit-scrollbar {
|
|
231
|
+
height: 3px;
|
|
232
|
+
}
|
|
233
|
+
.bread-crumb-container .breadcrumb::-webkit-scrollbar-thumb {
|
|
234
|
+
background: var(--file-manager-primary-color) !important;
|
|
235
|
+
}
|
|
236
|
+
.bread-crumb-container .breadcrumb .nav-toggler {
|
|
237
|
+
display: flex;
|
|
238
|
+
align-items: center;
|
|
239
|
+
}
|
|
240
|
+
.bread-crumb-container .breadcrumb .divider {
|
|
241
|
+
width: 1px;
|
|
242
|
+
background-color: #cfcfcf;
|
|
243
|
+
}
|
|
244
|
+
.bread-crumb-container .breadcrumb .folder-name {
|
|
245
|
+
display: flex;
|
|
246
|
+
align-items: center;
|
|
247
|
+
gap: 0.25rem;
|
|
248
|
+
font-weight: 500;
|
|
249
|
+
min-width: fit-content;
|
|
250
|
+
}
|
|
251
|
+
.bread-crumb-container .breadcrumb .folder-name:hover {
|
|
252
|
+
cursor: pointer;
|
|
253
|
+
color: var(--file-manager-primary-color);
|
|
254
|
+
}
|
|
255
|
+
.bread-crumb-container .breadcrumb .hidden-folders {
|
|
256
|
+
padding: 0 4px;
|
|
257
|
+
}
|
|
258
|
+
.bread-crumb-container .breadcrumb .folder-name-btn {
|
|
259
|
+
background-color: transparent;
|
|
260
|
+
border: none;
|
|
261
|
+
padding: 0;
|
|
262
|
+
}
|
|
263
|
+
.bread-crumb-container .breadcrumb .folder-name-btn:hover, .bread-crumb-container .breadcrumb .folder-name-btn:focus {
|
|
264
|
+
cursor: pointer;
|
|
265
|
+
color: var(--file-manager-primary-color);
|
|
266
|
+
background-color: #dddcdc;
|
|
267
|
+
border-radius: 5px;
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
.hidden-folders-container {
|
|
271
|
+
position: absolute;
|
|
272
|
+
margin: 0;
|
|
273
|
+
z-index: 2;
|
|
274
|
+
background-color: rgb(99, 99, 99);
|
|
275
|
+
color: white;
|
|
276
|
+
padding: 4px;
|
|
277
|
+
border-radius: 5px;
|
|
278
|
+
font-size: 0.9em;
|
|
279
|
+
left: 3rem;
|
|
280
|
+
display: flex;
|
|
281
|
+
flex-direction: column;
|
|
282
|
+
gap: 5px;
|
|
283
|
+
}
|
|
284
|
+
.hidden-folders-container li {
|
|
285
|
+
padding: 5px 10px;
|
|
286
|
+
border-radius: 4px;
|
|
287
|
+
}
|
|
288
|
+
.hidden-folders-container li:hover {
|
|
289
|
+
cursor: pointer;
|
|
290
|
+
background-color: rgb(117, 117, 117);
|
|
291
|
+
}.search-input {
|
|
292
|
+
border-top: 0;
|
|
293
|
+
border-left: 0;
|
|
294
|
+
border-right: 0;
|
|
295
|
+
border-bottom: 1px solid #999;
|
|
296
|
+
font-family: var(--file-manager-font-family);
|
|
297
|
+
outline: none;
|
|
298
|
+
padding-right: 18px;
|
|
299
|
+
margin-right: 12px;
|
|
300
|
+
box-shadow: none;
|
|
301
|
+
box-sizing: border-box;
|
|
302
|
+
width: 120;
|
|
303
|
+
min-width: 120;
|
|
304
|
+
max-width: 120;
|
|
305
|
+
}.categories-view {
|
|
306
|
+
position: absolute;
|
|
307
|
+
z-index: 3;
|
|
308
|
+
top: 105%;
|
|
309
|
+
right: 22%;
|
|
310
|
+
background-color: white;
|
|
311
|
+
margin: 0;
|
|
312
|
+
border: 1px solid #c4c4c4;
|
|
313
|
+
border-radius: 5px;
|
|
314
|
+
font-size: 16px;
|
|
315
|
+
width: 200px;
|
|
316
|
+
}
|
|
317
|
+
.categories-view ul {
|
|
318
|
+
list-style: none;
|
|
319
|
+
padding-left: 0;
|
|
320
|
+
margin: 0.4em 0;
|
|
321
|
+
display: flex;
|
|
322
|
+
flex-direction: column;
|
|
323
|
+
width: 100%;
|
|
324
|
+
gap: 1px;
|
|
325
|
+
}
|
|
326
|
+
.categories-view ul li {
|
|
327
|
+
display: flex;
|
|
328
|
+
align-items: center;
|
|
329
|
+
gap: 8px;
|
|
330
|
+
padding: 5px 20px 5px 10px;
|
|
331
|
+
}
|
|
332
|
+
.categories-view ul li:hover {
|
|
333
|
+
cursor: pointer;
|
|
334
|
+
background-color: rgba(0, 0, 0, 0.075);
|
|
335
|
+
}
|
|
336
|
+
.categories-view ul li span:nth-child(1) {
|
|
337
|
+
width: 13px;
|
|
338
|
+
}.rename-file {
|
|
339
|
+
position: relative;
|
|
340
|
+
min-width: 69%;
|
|
341
|
+
max-width: -webkit-fill-available;
|
|
342
|
+
text-align: center;
|
|
343
|
+
border: 4px solid var(--file-manager-primary-color);
|
|
344
|
+
border-radius: 10px;
|
|
345
|
+
font-size: 15px;
|
|
346
|
+
font-family: var(--file-manager-font-family);
|
|
347
|
+
padding: 1px 7px;
|
|
348
|
+
resize: none;
|
|
349
|
+
field-sizing: content;
|
|
350
|
+
overflow-y: hidden;
|
|
351
|
+
z-index: 1;
|
|
352
|
+
}
|
|
353
|
+
.rename-file:focus {
|
|
354
|
+
outline: none;
|
|
355
|
+
}.error-tooltip {
|
|
356
|
+
position: absolute;
|
|
357
|
+
z-index: 1;
|
|
358
|
+
bottom: -68px;
|
|
359
|
+
left: 16px;
|
|
360
|
+
padding: 8px;
|
|
361
|
+
width: 292px;
|
|
362
|
+
border-radius: 5px;
|
|
363
|
+
background-color: #696969;
|
|
364
|
+
text-align: left;
|
|
365
|
+
margin: 0;
|
|
366
|
+
font-size: 0.9em;
|
|
367
|
+
}
|
|
368
|
+
.error-tooltip::before {
|
|
369
|
+
content: "";
|
|
370
|
+
position: absolute;
|
|
371
|
+
top: -20%;
|
|
372
|
+
rotate: -45deg;
|
|
373
|
+
border: 15px solid #696969;
|
|
374
|
+
border-color: transparent #696969 transparent transparent;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.error-tooltip.right {
|
|
378
|
+
left: 16px;
|
|
379
|
+
}
|
|
380
|
+
.error-tooltip.right::before {
|
|
381
|
+
left: 11%;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.error-tooltip.left {
|
|
385
|
+
left: -180px;
|
|
386
|
+
}
|
|
387
|
+
.error-tooltip.left::before {
|
|
388
|
+
left: 76%;
|
|
389
|
+
transform: rotate(90deg) scaleX(-1);
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.error-tooltip.top {
|
|
393
|
+
bottom: unset !important;
|
|
394
|
+
top: -68px;
|
|
395
|
+
}
|
|
396
|
+
.error-tooltip.top::before {
|
|
397
|
+
content: none;
|
|
398
|
+
}
|
|
399
|
+
.error-tooltip.top:after {
|
|
400
|
+
content: "";
|
|
401
|
+
position: absolute;
|
|
402
|
+
bottom: -20%;
|
|
403
|
+
left: 11%;
|
|
404
|
+
rotate: -45deg;
|
|
405
|
+
border: 15px solid #696969;
|
|
406
|
+
border-color: transparent transparent #696969 transparent;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
.error-tooltip.top.left::after {
|
|
410
|
+
left: 76%;
|
|
411
|
+
transform: rotate(90deg) scaleX(-1);
|
|
412
|
+
}.fm-button {
|
|
413
|
+
border-radius: 5px;
|
|
414
|
+
font-weight: 600;
|
|
415
|
+
border: none;
|
|
416
|
+
}
|
|
417
|
+
.fm-button:hover {
|
|
418
|
+
cursor: pointer;
|
|
419
|
+
}
|
|
420
|
+
|
|
421
|
+
.fm-button-primary {
|
|
422
|
+
background-color: var(--file-manager-primary-color);
|
|
423
|
+
color: white;
|
|
424
|
+
}
|
|
425
|
+
.fm-button-primary:hover {
|
|
426
|
+
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
.fm-button-secondary {
|
|
430
|
+
background-color: #f0f0f0;
|
|
431
|
+
color: black;
|
|
432
|
+
}
|
|
433
|
+
.fm-button-secondary:hover {
|
|
434
|
+
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
.fm-button-danger {
|
|
438
|
+
background-color: #f44336;
|
|
439
|
+
color: white;
|
|
440
|
+
}
|
|
441
|
+
.fm-button-danger:hover {
|
|
442
|
+
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
|
|
443
|
+
}.fm-modal-header {
|
|
444
|
+
display: flex;
|
|
445
|
+
justify-content: space-between;
|
|
446
|
+
align-items: center;
|
|
447
|
+
border-bottom: 1px solid #cfcfcf;
|
|
448
|
+
padding: 0.3rem 1rem;
|
|
449
|
+
font-size: 16px;
|
|
450
|
+
}
|
|
451
|
+
.fm-modal-header .fm-modal-heading {
|
|
452
|
+
margin: 0;
|
|
453
|
+
font-weight: bold;
|
|
454
|
+
color: black;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
.dialog[open] {
|
|
458
|
+
animation: expand 0.4s forwards;
|
|
459
|
+
}
|
|
460
|
+
.dialog[open]::backdrop {
|
|
461
|
+
background: rgba(0, 0, 0, 0.5);
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
@keyframes expand {
|
|
465
|
+
from {
|
|
466
|
+
transform: scale(0.4);
|
|
467
|
+
}
|
|
468
|
+
to {
|
|
469
|
+
transform: scale(1);
|
|
470
|
+
}
|
|
471
|
+
}.fm-checkbox {
|
|
472
|
+
accent-color: white;
|
|
473
|
+
}
|
|
474
|
+
.fm-checkbox:disabled {
|
|
475
|
+
cursor: default !important;
|
|
476
|
+
}
|
|
477
|
+
.fm-checkbox:hover {
|
|
478
|
+
cursor: pointer;
|
|
479
|
+
}.fm-context-menu {
|
|
480
|
+
position: absolute;
|
|
481
|
+
background-color: white;
|
|
482
|
+
border: 1px solid #c6c6c6;
|
|
483
|
+
border-radius: 6px;
|
|
484
|
+
padding: 4px;
|
|
485
|
+
z-index: 1;
|
|
486
|
+
transition: opacity 0.1s linear;
|
|
487
|
+
font-size: 16px;
|
|
488
|
+
}
|
|
489
|
+
.fm-context-menu .file-context-menu-list {
|
|
490
|
+
font-size: 1.1em;
|
|
491
|
+
}
|
|
492
|
+
.fm-context-menu .file-context-menu-list ul {
|
|
493
|
+
list-style-type: none;
|
|
494
|
+
padding-left: 0;
|
|
495
|
+
margin: 0;
|
|
496
|
+
display: flex;
|
|
497
|
+
flex-direction: column;
|
|
498
|
+
gap: 3px;
|
|
499
|
+
}
|
|
500
|
+
.fm-context-menu .file-context-menu-list ul li {
|
|
501
|
+
display: flex;
|
|
502
|
+
gap: 9px;
|
|
503
|
+
align-items: center;
|
|
504
|
+
padding: 3px 13px;
|
|
505
|
+
position: relative;
|
|
506
|
+
border-radius: 4px;
|
|
507
|
+
}
|
|
508
|
+
.fm-context-menu .file-context-menu-list ul li:hover {
|
|
509
|
+
cursor: pointer;
|
|
510
|
+
background-color: rgba(0, 0, 0, 0.07);
|
|
511
|
+
}
|
|
512
|
+
.fm-context-menu .file-context-menu-list ul li.active {
|
|
513
|
+
background-color: rgba(0, 0, 0, 0.07);
|
|
514
|
+
}
|
|
515
|
+
.fm-context-menu .file-context-menu-list ul li.disable-paste {
|
|
516
|
+
opacity: 0.5;
|
|
517
|
+
}
|
|
518
|
+
.fm-context-menu .file-context-menu-list ul li.disable-paste:hover {
|
|
519
|
+
cursor: default;
|
|
520
|
+
background-color: transparent;
|
|
521
|
+
}
|
|
522
|
+
.fm-context-menu .file-context-menu-list .divider {
|
|
523
|
+
border-bottom: 1px solid #c6c6c6;
|
|
524
|
+
margin: 5px 0 3px 0;
|
|
525
|
+
}
|
|
526
|
+
.fm-context-menu .file-context-menu-list .list-expand-icon {
|
|
527
|
+
margin-left: auto;
|
|
528
|
+
color: #444444;
|
|
529
|
+
}
|
|
530
|
+
.fm-context-menu .file-context-menu-list .sub-menu {
|
|
531
|
+
position: absolute;
|
|
532
|
+
top: 0;
|
|
533
|
+
background-color: white;
|
|
534
|
+
border: 1px solid #c6c6c6;
|
|
535
|
+
border-radius: 6px;
|
|
536
|
+
padding: 4px;
|
|
537
|
+
z-index: 1;
|
|
538
|
+
}
|
|
539
|
+
.fm-context-menu .file-context-menu-list .sub-menu .item-selected {
|
|
540
|
+
width: 13px;
|
|
541
|
+
color: #444444;
|
|
542
|
+
}
|
|
543
|
+
.fm-context-menu .file-context-menu-list .sub-menu li:hover {
|
|
544
|
+
background-color: rgba(0, 0, 0, 0.07) !important;
|
|
545
|
+
}
|
|
546
|
+
.fm-context-menu .file-context-menu-list .sub-menu.right {
|
|
547
|
+
left: calc(100% - 2px);
|
|
548
|
+
}
|
|
549
|
+
.fm-context-menu .file-context-menu-list .sub-menu.left {
|
|
550
|
+
left: -83%;
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
.fm-context-menu.hidden {
|
|
554
|
+
opacity: 0;
|
|
555
|
+
pointer-events: none;
|
|
556
|
+
visibility: hidden;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
.fm-context-menu.visible {
|
|
560
|
+
opacity: 1;
|
|
561
|
+
pointer-events: all;
|
|
562
|
+
visibility: visible;
|
|
563
|
+
}.files {
|
|
564
|
+
position: relative;
|
|
565
|
+
display: flex;
|
|
566
|
+
align-content: flex-start;
|
|
567
|
+
flex-wrap: wrap;
|
|
568
|
+
column-gap: 0.5em;
|
|
569
|
+
row-gap: 5px;
|
|
570
|
+
border-style: solid !important;
|
|
571
|
+
border-color: #cfcfcf !important;
|
|
572
|
+
border-top: 0;
|
|
573
|
+
border-left: 0;
|
|
574
|
+
border-right: 0;
|
|
575
|
+
border-bottom: 1px;
|
|
576
|
+
overflow-y: auto !important;
|
|
577
|
+
}
|
|
578
|
+
.files::-webkit-scrollbar {
|
|
579
|
+
width: 5px;
|
|
580
|
+
height: 8px;
|
|
581
|
+
padding-top: 2px;
|
|
582
|
+
}
|
|
583
|
+
.files::-webkit-scrollbar-thumb {
|
|
584
|
+
background: var(--file-manager-primary-color) !important;
|
|
585
|
+
border-radius: 8px;
|
|
586
|
+
}
|
|
587
|
+
.files {
|
|
588
|
+
padding-right: 0px;
|
|
589
|
+
font-size: 16px;
|
|
590
|
+
}
|
|
591
|
+
.files .drag-move-tooltip {
|
|
592
|
+
background-color: white;
|
|
593
|
+
font-size: 0.78em;
|
|
594
|
+
position: fixed;
|
|
595
|
+
text-wrap: nowrap;
|
|
596
|
+
border: 1px dashed black;
|
|
597
|
+
padding: 1px 5px 2px 24px;
|
|
598
|
+
border-radius: 3px;
|
|
599
|
+
font-weight: bold;
|
|
600
|
+
color: var(--file-manager-primary-color);
|
|
601
|
+
z-index: 2;
|
|
602
|
+
}
|
|
603
|
+
.files .drag-move-tooltip .drop-zone-file-name {
|
|
604
|
+
color: rgb(48, 48, 48);
|
|
605
|
+
}
|
|
606
|
+
.files .file-item-container {
|
|
607
|
+
border-radius: 5px;
|
|
608
|
+
margin: 5px 0;
|
|
609
|
+
}
|
|
610
|
+
.files .file-item-container .drag-icon {
|
|
611
|
+
position: absolute !important;
|
|
612
|
+
top: -1000px;
|
|
613
|
+
left: -1000px;
|
|
614
|
+
z-Index: -1;
|
|
615
|
+
border-radius: 4px;
|
|
616
|
+
position: relative;
|
|
617
|
+
color: white;
|
|
618
|
+
background-color: var(--file-manager-primary-color);
|
|
619
|
+
padding: 3px 8px;
|
|
620
|
+
}
|
|
621
|
+
.files .file-item-container.file-drop-zone {
|
|
622
|
+
background-color: rgba(0, 0, 0, 0.08) !important;
|
|
623
|
+
}
|
|
624
|
+
.files .file-item {
|
|
625
|
+
position: relative;
|
|
626
|
+
height: 81px;
|
|
627
|
+
width: 138px;
|
|
628
|
+
display: flex;
|
|
629
|
+
flex-direction: column;
|
|
630
|
+
gap: 0.5rem;
|
|
631
|
+
align-items: center;
|
|
632
|
+
justify-content: space-between;
|
|
633
|
+
padding-top: 13px;
|
|
634
|
+
padding-bottom: 1px;
|
|
635
|
+
border-radius: 5px;
|
|
636
|
+
}
|
|
637
|
+
.files .file-item:hover {
|
|
638
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
639
|
+
}
|
|
640
|
+
.files .file-item .selection-checkbox {
|
|
641
|
+
position: absolute;
|
|
642
|
+
left: 5px;
|
|
643
|
+
top: 8px;
|
|
644
|
+
}
|
|
645
|
+
.files .file-item .hidden {
|
|
646
|
+
visibility: hidden;
|
|
647
|
+
}
|
|
648
|
+
.files .file-item .visible {
|
|
649
|
+
visibility: visible;
|
|
650
|
+
}
|
|
651
|
+
.files .file-item .rename-file-container {
|
|
652
|
+
position: absolute;
|
|
653
|
+
top: 65px;
|
|
654
|
+
width: 100%;
|
|
655
|
+
text-align: center;
|
|
656
|
+
}
|
|
657
|
+
.files .file-item .rename-file-container.list {
|
|
658
|
+
top: 6px;
|
|
659
|
+
left: 58px;
|
|
660
|
+
text-align: left;
|
|
661
|
+
}
|
|
662
|
+
.files .file-item .rename-file-container.list .rename-file {
|
|
663
|
+
min-width: 15%;
|
|
664
|
+
text-align: left;
|
|
665
|
+
border-radius: 3px;
|
|
666
|
+
border: none;
|
|
667
|
+
top: 5px;
|
|
668
|
+
white-space: nowrap;
|
|
669
|
+
overflow-x: hidden;
|
|
670
|
+
max-width: calc(100% - 62px);
|
|
671
|
+
}
|
|
672
|
+
.files .file-item .rename-file-container.list .folder-name-error.right {
|
|
673
|
+
left: 0px;
|
|
674
|
+
bottom: -72px;
|
|
675
|
+
}
|
|
676
|
+
.files .file-item .file-name {
|
|
677
|
+
max-width: 115px;
|
|
678
|
+
}
|
|
679
|
+
.files .file-selected {
|
|
680
|
+
background-color: var(--file-manager-primary-color);
|
|
681
|
+
color: white;
|
|
682
|
+
}
|
|
683
|
+
.files .file-selected:hover {
|
|
684
|
+
background-color: var(--file-manager-primary-color);
|
|
685
|
+
}
|
|
686
|
+
.files .file-moving {
|
|
687
|
+
opacity: 0.5;
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
.files.list {
|
|
691
|
+
flex-direction: column;
|
|
692
|
+
flex-wrap: nowrap;
|
|
693
|
+
gap: 0;
|
|
694
|
+
padding-left: 0px;
|
|
695
|
+
padding-top: 0px;
|
|
696
|
+
}
|
|
697
|
+
.files.list .files-header {
|
|
698
|
+
font-size: 0.83em;
|
|
699
|
+
font-weight: 600;
|
|
700
|
+
display: flex;
|
|
701
|
+
border-top: 1px solid #dddddd;
|
|
702
|
+
padding: 4px 0 4px 5px;
|
|
703
|
+
position: sticky;
|
|
704
|
+
top: 0;
|
|
705
|
+
background-color: #f5f5f5;
|
|
706
|
+
z-index: 1;
|
|
707
|
+
}
|
|
708
|
+
.files.list .files-header .file-select-all {
|
|
709
|
+
width: 5%;
|
|
710
|
+
height: 0.83em;
|
|
711
|
+
}
|
|
712
|
+
.files.list .files-header .file-name {
|
|
713
|
+
width: calc(65% - 35px);
|
|
714
|
+
padding-left: 35px;
|
|
715
|
+
cursor: pointer;
|
|
716
|
+
user-select: none;
|
|
717
|
+
}
|
|
718
|
+
.files.list .files-header .file-name:hover {
|
|
719
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
720
|
+
}
|
|
721
|
+
.files.list .files-header .file-name.active {
|
|
722
|
+
background-color: rgba(0, 123, 255, 0.1);
|
|
723
|
+
color: #007bff;
|
|
724
|
+
}
|
|
725
|
+
.files.list .files-header .file-date {
|
|
726
|
+
text-align: center;
|
|
727
|
+
width: 20%;
|
|
728
|
+
cursor: pointer;
|
|
729
|
+
user-select: none;
|
|
730
|
+
}
|
|
731
|
+
.files.list .files-header .file-date:hover {
|
|
732
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
733
|
+
}
|
|
734
|
+
.files.list .files-header .file-date.active {
|
|
735
|
+
background-color: rgba(0, 123, 255, 0.1);
|
|
736
|
+
color: #007bff;
|
|
737
|
+
}
|
|
738
|
+
.files.list .files-header .file-size {
|
|
739
|
+
text-align: center;
|
|
740
|
+
width: 10%;
|
|
741
|
+
cursor: pointer;
|
|
742
|
+
user-select: none;
|
|
743
|
+
}
|
|
744
|
+
.files.list .files-header .file-size:hover {
|
|
745
|
+
background-color: rgba(0, 0, 0, 0.1);
|
|
746
|
+
}
|
|
747
|
+
.files.list .files-header .file-size.active {
|
|
748
|
+
background-color: rgba(0, 123, 255, 0.1);
|
|
749
|
+
color: #007bff;
|
|
750
|
+
}
|
|
751
|
+
.files.list .files-header .sort-indicator {
|
|
752
|
+
font-size: 0.8em;
|
|
753
|
+
margin-left: 4px;
|
|
754
|
+
}
|
|
755
|
+
.files.list .file-item-container {
|
|
756
|
+
display: flex;
|
|
757
|
+
width: 100%;
|
|
758
|
+
margin: 0;
|
|
759
|
+
border-radius: 0;
|
|
760
|
+
}
|
|
761
|
+
.files.list .file-item-container:hover {
|
|
762
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
763
|
+
}
|
|
764
|
+
.files.list .file-item-container.file-selected:hover {
|
|
765
|
+
background-color: var(--file-manager-primary-color) !important;
|
|
766
|
+
}
|
|
767
|
+
.files.list .file-item {
|
|
768
|
+
flex-direction: row;
|
|
769
|
+
height: 13px;
|
|
770
|
+
justify-content: unset;
|
|
771
|
+
padding: 15px;
|
|
772
|
+
padding-left: 33px;
|
|
773
|
+
margin: 0;
|
|
774
|
+
width: calc(70% - 30px);
|
|
775
|
+
}
|
|
776
|
+
.files.list .file-item:hover {
|
|
777
|
+
background-color: unset;
|
|
778
|
+
}
|
|
779
|
+
.files.list .file-item .selection-checkbox {
|
|
780
|
+
top: 12px;
|
|
781
|
+
}
|
|
782
|
+
.files.list .file-item .file-name {
|
|
783
|
+
max-width: 285px;
|
|
784
|
+
}
|
|
785
|
+
.files.list .modified-date {
|
|
786
|
+
display: flex;
|
|
787
|
+
align-items: center;
|
|
788
|
+
justify-content: center;
|
|
789
|
+
font-size: 0.8em;
|
|
790
|
+
width: 20%;
|
|
791
|
+
}
|
|
792
|
+
.files.list .size {
|
|
793
|
+
display: flex;
|
|
794
|
+
align-items: center;
|
|
795
|
+
justify-content: center;
|
|
796
|
+
font-size: 0.8em;
|
|
797
|
+
width: 10%;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
.empty-folder {
|
|
801
|
+
display: flex;
|
|
802
|
+
justify-content: center;
|
|
803
|
+
align-items: center;
|
|
804
|
+
width: 100%;
|
|
805
|
+
height: 100%;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
.statusbar {
|
|
809
|
+
padding-left: 4px;
|
|
810
|
+
border-bottom-right-radius: 8px;
|
|
811
|
+
font-size: 12px;
|
|
812
|
+
height: 20px;
|
|
813
|
+
display: flex;
|
|
814
|
+
align-items: center;
|
|
815
|
+
}.file-delete-confirm .file-delete-confirm-text {
|
|
816
|
+
border-bottom: 1px solid #dddddd;
|
|
817
|
+
padding: 15px;
|
|
818
|
+
margin-top: 0;
|
|
819
|
+
margin-bottom: 0.7rem;
|
|
820
|
+
word-wrap: break-word;
|
|
821
|
+
font-weight: 500;
|
|
822
|
+
font-size: 16px;
|
|
823
|
+
}
|
|
824
|
+
.file-delete-confirm .file-delete-confirm-actions {
|
|
825
|
+
display: flex;
|
|
826
|
+
gap: 0.5rem;
|
|
827
|
+
justify-content: flex-end;
|
|
828
|
+
margin-bottom: 0.7rem;
|
|
829
|
+
margin-right: 1rem;
|
|
830
|
+
}.fm-progress {
|
|
831
|
+
display: flex;
|
|
832
|
+
flex-direction: column;
|
|
833
|
+
gap: 5px;
|
|
834
|
+
}
|
|
835
|
+
.fm-progress .fm-progress-bar {
|
|
836
|
+
width: 100%;
|
|
837
|
+
border-radius: 5px;
|
|
838
|
+
background-color: #c6c6c6;
|
|
839
|
+
height: 5px;
|
|
840
|
+
}
|
|
841
|
+
.fm-progress .fm-progress-bar .fm-progress-bar-fill {
|
|
842
|
+
height: 100%;
|
|
843
|
+
background-color: var(--file-manager-primary-color);
|
|
844
|
+
border-radius: 5px;
|
|
845
|
+
max-width: 100%;
|
|
846
|
+
}
|
|
847
|
+
.fm-progress .fm-progress-status {
|
|
848
|
+
font-size: 0.75em;
|
|
849
|
+
font-weight: 600;
|
|
850
|
+
display: flex;
|
|
851
|
+
justify-content: space-between;
|
|
852
|
+
}
|
|
853
|
+
.fm-progress .fm-upload-canceled {
|
|
854
|
+
font-size: 0.75em;
|
|
855
|
+
font-weight: 600;
|
|
856
|
+
color: red;
|
|
857
|
+
}.fm-upload-file {
|
|
858
|
+
padding: 18px 15px;
|
|
859
|
+
display: flex;
|
|
860
|
+
gap: 18px;
|
|
861
|
+
font-size: 16px;
|
|
862
|
+
}
|
|
863
|
+
.fm-upload-file .select-files {
|
|
864
|
+
width: 100%;
|
|
865
|
+
}
|
|
866
|
+
.fm-upload-file .select-files .draggable-file-input {
|
|
867
|
+
color: #696969;
|
|
868
|
+
background-color: #f7f7f7;
|
|
869
|
+
margin-bottom: 18px;
|
|
870
|
+
height: 220px;
|
|
871
|
+
border: 2px dashed #ccc;
|
|
872
|
+
border-radius: 5px;
|
|
873
|
+
display: flex;
|
|
874
|
+
justify-content: center;
|
|
875
|
+
align-items: center;
|
|
876
|
+
}
|
|
877
|
+
.fm-upload-file .select-files .draggable-file-input .input-text {
|
|
878
|
+
pointer-events: none;
|
|
879
|
+
display: flex;
|
|
880
|
+
flex-direction: column;
|
|
881
|
+
align-items: center;
|
|
882
|
+
}
|
|
883
|
+
.fm-upload-file .select-files .draggable-file-input:hover {
|
|
884
|
+
border-color: var(--file-manager-primary-color);
|
|
885
|
+
}
|
|
886
|
+
.fm-upload-file .select-files .draggable-file-input.dragging {
|
|
887
|
+
border-color: var(--file-manager-primary-color);
|
|
888
|
+
}
|
|
889
|
+
.fm-upload-file .select-files .btn-choose-file {
|
|
890
|
+
display: flex;
|
|
891
|
+
justify-content: center;
|
|
892
|
+
}
|
|
893
|
+
.fm-upload-file .select-files .btn-choose-file label {
|
|
894
|
+
display: inline-block;
|
|
895
|
+
padding: 0.4rem 0.8rem;
|
|
896
|
+
}
|
|
897
|
+
.fm-upload-file .select-files .btn-choose-file label:hover {
|
|
898
|
+
cursor: pointer;
|
|
899
|
+
}
|
|
900
|
+
.fm-upload-file .select-files .btn-choose-file .choose-file-input {
|
|
901
|
+
display: none;
|
|
902
|
+
}
|
|
903
|
+
.fm-upload-file .files-progress {
|
|
904
|
+
width: calc(60% - 18px);
|
|
905
|
+
}
|
|
906
|
+
.fm-upload-file .files-progress .heading {
|
|
907
|
+
display: flex;
|
|
908
|
+
gap: 4px;
|
|
909
|
+
}
|
|
910
|
+
.fm-upload-file .files-progress h2 {
|
|
911
|
+
font-size: 0.9em;
|
|
912
|
+
margin: 0;
|
|
913
|
+
}
|
|
914
|
+
.fm-upload-file .files-progress ul {
|
|
915
|
+
padding-left: 0px;
|
|
916
|
+
padding-right: 5px;
|
|
917
|
+
padding-bottom: 10px;
|
|
918
|
+
margin-top: 0.7rem;
|
|
919
|
+
height: 220px;
|
|
920
|
+
overflow-y: auto !important;
|
|
921
|
+
}
|
|
922
|
+
.fm-upload-file .files-progress ul::-webkit-scrollbar {
|
|
923
|
+
width: 5px;
|
|
924
|
+
height: 8px;
|
|
925
|
+
padding-top: 2px;
|
|
926
|
+
}
|
|
927
|
+
.fm-upload-file .files-progress ul::-webkit-scrollbar-thumb {
|
|
928
|
+
background: var(--file-manager-primary-color) !important;
|
|
929
|
+
border-radius: 8px;
|
|
930
|
+
}
|
|
931
|
+
.fm-upload-file .files-progress ul {
|
|
932
|
+
font-weight: 500;
|
|
933
|
+
}
|
|
934
|
+
.fm-upload-file .files-progress ul li {
|
|
935
|
+
list-style: none;
|
|
936
|
+
border-bottom: 1px solid #c6c6c6;
|
|
937
|
+
display: flex;
|
|
938
|
+
gap: 10px;
|
|
939
|
+
margin-bottom: 18px;
|
|
940
|
+
padding-bottom: 12px;
|
|
941
|
+
}
|
|
942
|
+
.fm-upload-file .files-progress ul li .file-icon {
|
|
943
|
+
width: 10%;
|
|
944
|
+
}
|
|
945
|
+
.fm-upload-file .files-progress ul li .file {
|
|
946
|
+
width: 86%;
|
|
947
|
+
}
|
|
948
|
+
.fm-upload-file .files-progress ul li .file .file-details {
|
|
949
|
+
display: flex;
|
|
950
|
+
align-items: center;
|
|
951
|
+
justify-content: space-between;
|
|
952
|
+
margin-bottom: 5px;
|
|
953
|
+
}
|
|
954
|
+
.fm-upload-file .files-progress ul li .file .file-details .file-info {
|
|
955
|
+
width: 90%;
|
|
956
|
+
display: flex;
|
|
957
|
+
align-items: baseline;
|
|
958
|
+
}
|
|
959
|
+
.fm-upload-file .files-progress ul li .file .file-details .file-info .file-name {
|
|
960
|
+
display: inline-block;
|
|
961
|
+
max-width: 66%;
|
|
962
|
+
margin-right: 8px;
|
|
963
|
+
}
|
|
964
|
+
.fm-upload-file .files-progress ul li .file .file-details .file-size {
|
|
965
|
+
font-size: 0.7em;
|
|
966
|
+
}
|
|
967
|
+
.fm-upload-file .files-progress ul li .file .file-details .retry-upload {
|
|
968
|
+
padding: 3px;
|
|
969
|
+
border-radius: 50%;
|
|
970
|
+
}
|
|
971
|
+
.fm-upload-file .files-progress ul li .file .file-details .retry-upload:hover {
|
|
972
|
+
cursor: pointer;
|
|
973
|
+
background-color: rgba(0, 0, 0, 0.07);
|
|
974
|
+
color: var(--file-manager-primary-color);
|
|
975
|
+
}
|
|
976
|
+
.fm-upload-file .files-progress ul li .file .file-details .rm-file:hover {
|
|
977
|
+
cursor: pointer;
|
|
978
|
+
color: red;
|
|
979
|
+
}
|
|
980
|
+
.fm-upload-file .files-progress ul li .file .file-details .upload-success {
|
|
981
|
+
color: var(--file-manager-primary-color);
|
|
982
|
+
}.file-previewer {
|
|
983
|
+
padding: 0.8em;
|
|
984
|
+
height: 40dvh;
|
|
985
|
+
display: flex;
|
|
986
|
+
justify-content: center;
|
|
987
|
+
font-size: 16px;
|
|
988
|
+
}
|
|
989
|
+
.file-previewer .photo-popup-image {
|
|
990
|
+
object-fit: contain;
|
|
991
|
+
width: -webkit-fill-available;
|
|
992
|
+
opacity: 1;
|
|
993
|
+
transition: opacity 0.5s ease-in-out;
|
|
994
|
+
}
|
|
995
|
+
.file-previewer .img-loading {
|
|
996
|
+
opacity: 0;
|
|
997
|
+
height: 0%;
|
|
998
|
+
width: 0%;
|
|
999
|
+
}
|
|
1000
|
+
.file-previewer .img-loading {
|
|
1001
|
+
height: 0;
|
|
1002
|
+
}
|
|
1003
|
+
.file-previewer .audio-preview {
|
|
1004
|
+
align-self: center;
|
|
1005
|
+
width: 60%;
|
|
1006
|
+
}
|
|
1007
|
+
.file-previewer .photo-popup-iframe {
|
|
1008
|
+
width: -webkit-fill-available;
|
|
1009
|
+
}
|
|
1010
|
+
.file-previewer .preview-error {
|
|
1011
|
+
display: flex;
|
|
1012
|
+
justify-content: center;
|
|
1013
|
+
align-items: center;
|
|
1014
|
+
flex-direction: column;
|
|
1015
|
+
gap: 10px;
|
|
1016
|
+
}
|
|
1017
|
+
.file-previewer .preview-error .error-icon {
|
|
1018
|
+
color: rgb(73, 73, 73);
|
|
1019
|
+
}
|
|
1020
|
+
.file-previewer .preview-error .error-msg {
|
|
1021
|
+
font-weight: 500;
|
|
1022
|
+
font-size: 1.1em;
|
|
1023
|
+
margin-bottom: 4px;
|
|
1024
|
+
}
|
|
1025
|
+
.file-previewer .preview-error .file-info {
|
|
1026
|
+
display: flex;
|
|
1027
|
+
gap: 6px;
|
|
1028
|
+
align-items: center;
|
|
1029
|
+
margin: 1px 0 5px 0;
|
|
1030
|
+
}
|
|
1031
|
+
.file-previewer .preview-error .file-info .file-name {
|
|
1032
|
+
padding: 4px 15px;
|
|
1033
|
+
background-color: rgb(233, 233, 233);
|
|
1034
|
+
border: 1px solid rgb(163, 173, 173);
|
|
1035
|
+
border-radius: 3px;
|
|
1036
|
+
}
|
|
1037
|
+
.file-previewer .preview-error .file-info .file-size {
|
|
1038
|
+
font-size: 0.8em;
|
|
1039
|
+
}
|
|
1040
|
+
.file-previewer .preview-error .download-btn {
|
|
1041
|
+
display: flex;
|
|
1042
|
+
gap: 3px;
|
|
1043
|
+
align-items: center;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
.file-previewer.pdf-previewer {
|
|
1047
|
+
height: 85dvh;
|
|
1048
|
+
}
|
|
1049
|
+
|
|
1050
|
+
.video-preview {
|
|
1051
|
+
width: -webkit-fill-available;
|
|
1052
|
+
}
|
|
1053
|
+
.text-white {
|
|
1054
|
+
color: white;
|
|
1055
|
+
}
|
|
1056
|
+
.text-truncate {
|
|
1057
|
+
overflow: hidden;
|
|
1058
|
+
text-overflow: ellipsis;
|
|
1059
|
+
white-space: nowrap;
|
|
1060
|
+
}
|
|
1061
|
+
img,
|
|
1062
|
+
svg {
|
|
1063
|
+
vertical-align: middle;
|
|
1064
|
+
}
|
|
1065
|
+
.fm-modal {
|
|
1066
|
+
border: 1px solid #c6c6c6;
|
|
1067
|
+
border-radius: 5px;
|
|
1068
|
+
width: fit-content;
|
|
1069
|
+
overflow-x: hidden;
|
|
1070
|
+
padding: 0;
|
|
1071
|
+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.253);
|
|
1072
|
+
}
|
|
1073
|
+
.w-25 {
|
|
1074
|
+
width: 25%;
|
|
1075
|
+
}
|
|
1076
|
+
.file-explorer {
|
|
1077
|
+
min-height: 400px;
|
|
1078
|
+
height: 100%;
|
|
1079
|
+
width: 100%;
|
|
1080
|
+
font-family: var(--file-manager-font-family);
|
|
1081
|
+
border: 1px solid #cfcfcf;
|
|
1082
|
+
border-radius: 8px;
|
|
1083
|
+
}
|
|
1084
|
+
.file-explorer button {
|
|
1085
|
+
font-family: var(--file-manager-font-family);
|
|
1086
|
+
}
|
|
1087
|
+
.file-explorer {
|
|
1088
|
+
position: relative;
|
|
1089
|
+
background-color: white;
|
|
1090
|
+
cursor: default;
|
|
1091
|
+
-webkit-user-select: none;
|
|
1092
|
+
-ms-user-select: none;
|
|
1093
|
+
user-select: none;
|
|
1094
|
+
}
|
|
1095
|
+
.file-explorer .files-container {
|
|
1096
|
+
display: flex;
|
|
1097
|
+
height: calc(100% - 46px);
|
|
1098
|
+
}
|
|
1099
|
+
.file-explorer .files-container .navigation-pane {
|
|
1100
|
+
z-index: 1;
|
|
1101
|
+
padding-top: 8px;
|
|
1102
|
+
position: relative;
|
|
1103
|
+
}
|
|
1104
|
+
.file-explorer .files-container .navigation-pane .sidebar-resize {
|
|
1105
|
+
position: absolute;
|
|
1106
|
+
right: 0px;
|
|
1107
|
+
top: 0px;
|
|
1108
|
+
bottom: 0px;
|
|
1109
|
+
width: 5px;
|
|
1110
|
+
cursor: col-resize;
|
|
1111
|
+
z-index: 10;
|
|
1112
|
+
border-right: 1px solid #cfcfcf;
|
|
1113
|
+
}
|
|
1114
|
+
.file-explorer .files-container .navigation-pane .sidebar-resize:hover {
|
|
1115
|
+
border-right: 1px solid #1e3a8a;
|
|
1116
|
+
}
|
|
1117
|
+
.file-explorer .files-container .navigation-pane .sidebar-dragging {
|
|
1118
|
+
border-right: 1px solid #1e3a8a;
|
|
1119
|
+
}
|
|
1120
|
+
.file-explorer .files-container .navigation-pane.open {
|
|
1121
|
+
display: block;
|
|
1122
|
+
}
|
|
1123
|
+
.file-explorer .files-container .navigation-pane.closed {
|
|
1124
|
+
display: none;
|
|
1125
|
+
}
|
|
1126
|
+
.file-explorer .files-container .folders-preview {
|
|
1127
|
+
z-index: 2;
|
|
1128
|
+
background-color: white;
|
|
1129
|
+
padding-right: 0px;
|
|
1130
|
+
padding-left: 0px;
|
|
1131
|
+
border-bottom-right-radius: 8px;
|
|
1132
|
+
border-bottom-left-radius: 0px;
|
|
1133
|
+
}
|
|
1134
|
+
.close-icon {
|
|
1135
|
+
padding: 5px;
|
|
1136
|
+
border-radius: 50%;
|
|
1137
|
+
}
|
|
1138
|
+
.close-icon:hover {
|
|
1139
|
+
cursor: pointer;
|
|
1140
|
+
background-color: rgba(0, 0, 0, 0.07);
|
|
1141
|
+
}
|
|
1142
|
+
.fm-rename-folder-container {
|
|
1143
|
+
padding: 8px 0;
|
|
1144
|
+
text-align: left;
|
|
1145
|
+
}
|
|
1146
|
+
.fm-rename-folder-container .fm-rename-folder-input {
|
|
1147
|
+
border-bottom: 1px solid #c6c6c6;
|
|
1148
|
+
padding: 8px 12px 12px;
|
|
1149
|
+
}
|
|
1150
|
+
.fm-rename-folder-container .fm-rename-folder-input .fm-rename-warning {
|
|
1151
|
+
display: flex;
|
|
1152
|
+
align-items: center;
|
|
1153
|
+
gap: 10px;
|
|
1154
|
+
}
|
|
1155
|
+
.fm-rename-folder-container .fm-rename-folder-action {
|
|
1156
|
+
display: flex;
|
|
1157
|
+
gap: 8px;
|
|
1158
|
+
justify-content: flex-end;
|
|
1159
|
+
padding: 8px 8px 0 0;
|
|
1160
|
+
}
|
|
1161
|
+
.file-selcted .select-files {
|
|
1162
|
+
width: 40%;
|
|
1163
|
+
}
|