@syncfusion/ej2-filemanager 26.2.11 → 27.1.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/.eslintrc.json +2 -4
  2. package/dist/ej2-filemanager.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js +2 -2
  4. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-filemanager.es2015.js +164 -20
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +165 -20
  8. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  9. package/dist/global/ej2-filemanager.min.js +2 -2
  10. package/dist/global/ej2-filemanager.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/file-manager/base/file-manager-model.d.ts +10 -1
  14. package/src/file-manager/base/file-manager.d.ts +25 -0
  15. package/src/file-manager/base/file-manager.js +145 -1
  16. package/src/file-manager/base/interface.d.ts +1 -0
  17. package/src/file-manager/common/operations.js +1 -0
  18. package/src/file-manager/layout/details-view.js +11 -2
  19. package/src/file-manager/layout/large-icons-view.d.ts +0 -1
  20. package/src/file-manager/layout/large-icons-view.js +5 -17
  21. package/src/file-manager/pop-up/context-menu.js +4 -1
  22. package/styles/bootstrap-dark-lite.css +1058 -0
  23. package/styles/bootstrap-dark-lite.scss +16 -0
  24. package/styles/bootstrap-dark.css +201 -161
  25. package/styles/bootstrap-dark.scss +1 -0
  26. package/styles/bootstrap-lite.css +1040 -0
  27. package/styles/bootstrap-lite.scss +16 -0
  28. package/styles/bootstrap.css +183 -143
  29. package/styles/bootstrap.scss +1 -0
  30. package/styles/bootstrap4-lite.css +1068 -0
  31. package/styles/bootstrap4-lite.scss +16 -0
  32. package/styles/bootstrap4.css +211 -171
  33. package/styles/bootstrap4.scss +1 -0
  34. package/styles/bootstrap5-dark-lite.css +1078 -0
  35. package/styles/bootstrap5-dark-lite.scss +16 -0
  36. package/styles/bootstrap5-dark.css +220 -186
  37. package/styles/bootstrap5-dark.scss +1 -0
  38. package/styles/bootstrap5-lite.css +1078 -0
  39. package/styles/bootstrap5-lite.scss +16 -0
  40. package/styles/bootstrap5.3-lite.css +1035 -0
  41. package/styles/bootstrap5.3-lite.scss +16 -0
  42. package/styles/bootstrap5.3.css +1603 -0
  43. package/styles/bootstrap5.3.scss +17 -0
  44. package/styles/bootstrap5.css +220 -186
  45. package/styles/bootstrap5.scss +1 -0
  46. package/styles/fabric-dark-lite.css +1039 -0
  47. package/styles/fabric-dark-lite.scss +16 -0
  48. package/styles/fabric-dark.css +184 -144
  49. package/styles/fabric-dark.scss +1 -0
  50. package/styles/fabric-lite.css +1039 -0
  51. package/styles/fabric-lite.scss +16 -0
  52. package/styles/fabric.css +183 -143
  53. package/styles/fabric.scss +1 -0
  54. package/styles/file-manager/_bds-definition.scss +2 -0
  55. package/styles/file-manager/_bigger.scss +758 -0
  56. package/styles/file-manager/_bootstrap-dark-definition.scss +2 -0
  57. package/styles/file-manager/_bootstrap-definition.scss +2 -0
  58. package/styles/file-manager/_bootstrap4-definition.scss +2 -0
  59. package/styles/file-manager/_bootstrap5-definition.scss +2 -0
  60. package/styles/file-manager/_bootstrap5.3-definition.scss +22 -20
  61. package/styles/file-manager/_fabric-dark-definition.scss +2 -0
  62. package/styles/file-manager/_fabric-definition.scss +2 -0
  63. package/styles/file-manager/_fluent-definition.scss +2 -0
  64. package/styles/file-manager/_fluent2-definition.scss +15 -9
  65. package/styles/file-manager/_fusionnew-definition.scss +2 -0
  66. package/styles/file-manager/_highcontrast-definition.scss +2 -0
  67. package/styles/file-manager/_highcontrast-light-definition.scss +2 -0
  68. package/styles/file-manager/_layout.scss +45 -663
  69. package/styles/file-manager/_material-dark-definition.scss +2 -0
  70. package/styles/file-manager/_material-definition.scss +2 -0
  71. package/styles/file-manager/_material3-definition.scss +2 -0
  72. package/styles/file-manager/_tailwind-definition.scss +2 -0
  73. package/styles/file-manager/_theme.scss +38 -7
  74. package/styles/file-manager/bootstrap-dark.css +201 -161
  75. package/styles/file-manager/bootstrap-dark.scss +1 -0
  76. package/styles/file-manager/bootstrap.css +183 -143
  77. package/styles/file-manager/bootstrap.scss +1 -0
  78. package/styles/file-manager/bootstrap4.css +211 -171
  79. package/styles/file-manager/bootstrap4.scss +1 -0
  80. package/styles/file-manager/bootstrap5-dark.css +220 -186
  81. package/styles/file-manager/bootstrap5-dark.scss +1 -0
  82. package/styles/file-manager/bootstrap5.3.css +1603 -0
  83. package/styles/file-manager/bootstrap5.3.scss +17 -0
  84. package/styles/file-manager/bootstrap5.css +220 -186
  85. package/styles/file-manager/bootstrap5.scss +1 -0
  86. package/styles/file-manager/fabric-dark.css +184 -144
  87. package/styles/file-manager/fabric-dark.scss +1 -0
  88. package/styles/file-manager/fabric.css +183 -143
  89. package/styles/file-manager/fabric.scss +1 -0
  90. package/styles/file-manager/fluent-dark.css +187 -147
  91. package/styles/file-manager/fluent-dark.scss +1 -0
  92. package/styles/file-manager/fluent.css +186 -146
  93. package/styles/file-manager/fluent.scss +1 -0
  94. package/styles/file-manager/fluent2.css +204 -158
  95. package/styles/file-manager/fluent2.scss +1 -0
  96. package/styles/file-manager/highcontrast-light.css +184 -144
  97. package/styles/file-manager/highcontrast-light.scss +1 -0
  98. package/styles/file-manager/highcontrast.css +207 -167
  99. package/styles/file-manager/highcontrast.scss +1 -0
  100. package/styles/file-manager/material-dark.css +198 -158
  101. package/styles/file-manager/material-dark.scss +1 -0
  102. package/styles/file-manager/material.css +183 -143
  103. package/styles/file-manager/material.scss +1 -0
  104. package/styles/file-manager/material3-dark.css +185 -145
  105. package/styles/file-manager/material3-dark.scss +1 -0
  106. package/styles/file-manager/material3.css +185 -145
  107. package/styles/file-manager/material3.scss +1 -0
  108. package/styles/file-manager/tailwind-dark.css +198 -164
  109. package/styles/file-manager/tailwind-dark.scss +1 -0
  110. package/styles/file-manager/tailwind.css +198 -164
  111. package/styles/file-manager/tailwind.scss +1 -0
  112. package/styles/fluent-dark-lite.css +1037 -0
  113. package/styles/fluent-dark-lite.scss +16 -0
  114. package/styles/fluent-dark.css +187 -147
  115. package/styles/fluent-dark.scss +1 -0
  116. package/styles/fluent-lite.css +1036 -0
  117. package/styles/fluent-lite.scss +16 -0
  118. package/styles/fluent.css +186 -146
  119. package/styles/fluent.scss +1 -0
  120. package/styles/fluent2-lite.css +1272 -0
  121. package/styles/fluent2-lite.scss +16 -0
  122. package/styles/fluent2.css +204 -158
  123. package/styles/fluent2.scss +1 -0
  124. package/styles/highcontrast-light-lite.css +1039 -0
  125. package/styles/highcontrast-light-lite.scss +16 -0
  126. package/styles/highcontrast-light.css +184 -144
  127. package/styles/highcontrast-light.scss +1 -0
  128. package/styles/highcontrast-lite.css +1059 -0
  129. package/styles/highcontrast-lite.scss +16 -0
  130. package/styles/highcontrast.css +207 -167
  131. package/styles/highcontrast.scss +1 -0
  132. package/styles/material-dark-lite.css +1092 -0
  133. package/styles/material-dark-lite.scss +16 -0
  134. package/styles/material-dark.css +198 -158
  135. package/styles/material-dark.scss +1 -0
  136. package/styles/material-lite.css +1097 -0
  137. package/styles/material-lite.scss +16 -0
  138. package/styles/material.css +183 -143
  139. package/styles/material.scss +1 -0
  140. package/styles/material3-dark-lite.css +1090 -0
  141. package/styles/material3-dark-lite.scss +16 -0
  142. package/styles/material3-dark.css +185 -145
  143. package/styles/material3-dark.scss +1 -0
  144. package/styles/material3-lite.css +1092 -0
  145. package/styles/material3-lite.scss +16 -0
  146. package/styles/material3.css +185 -145
  147. package/styles/material3.scss +1 -0
  148. package/styles/tailwind-dark-lite.css +1060 -0
  149. package/styles/tailwind-dark-lite.scss +16 -0
  150. package/styles/tailwind-dark.css +198 -164
  151. package/styles/tailwind-dark.scss +1 -0
  152. package/styles/tailwind-lite.css +1060 -0
  153. package/styles/tailwind-lite.scss +16 -0
  154. package/styles/tailwind.css +198 -164
  155. package/styles/tailwind.scss +1 -0
  156. package/tslint.json +0 -111
package/styles/file-manager/material3-dark.css CHANGED
@@ -609,6 +609,7 @@ ejs-filemanager {
609
609
  float: left;
610
610
  overflow: auto;
611
611
  width: 100%;
612
+ height: calc(100% - 36px);
612
613
  }
613
614
  .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame {
614
615
  border-width: 1px;
@@ -702,6 +703,15 @@ ejs-filemanager {
702
703
  width: 32px;
703
704
  background-position: center;
704
705
  }
706
+ .e-filemanager.e-drag-select {
707
+ position: absolute;
708
+ background-color: rgba(var(--color-sf-primary));
709
+ opacity: 0.3;
710
+ border: none;
711
+ width: 0;
712
+ height: 0;
713
+ z-index: 1;
714
+ }
705
715
  .e-filemanager .e-fe-clone {
706
716
  pointer-events: none;
707
717
  z-index: 20;
@@ -810,6 +820,9 @@ ejs-filemanager {
810
820
  .e-filemanager .e-layout-content {
811
821
  position: relative;
812
822
  }
823
+ .e-filemanager .e-pager {
824
+ border-width: 1px 0 0;
825
+ }
813
826
  .e-filemanager .e-fe-overlay {
814
827
  border: 2px dashed rgba(var(--color-sf-primary));
815
828
  bottom: 0;
@@ -913,6 +926,169 @@ ejs-filemanager {
913
926
  display: none;
914
927
  }
915
928
 
929
+ @media (max-width: 469px) {
930
+ .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
931
+ .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
932
+ min-width: 140px;
933
+ width: calc(50% - 17px);
934
+ }
935
+ }
936
+ @media (min-width: 470px) and (max-width: 625px) {
937
+ .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
938
+ .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
939
+ min-width: 140px;
940
+ width: calc(33.33% - 17px);
941
+ }
942
+ }
943
+ .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
944
+ height: 100%;
945
+ width: 100%;
946
+ }
947
+
948
+ .e-filemanager {
949
+ background: transparent;
950
+ border-color: rgba(var(--color-sf-outline-variant));
951
+ }
952
+ .e-filemanager .e-toolbar {
953
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
954
+ }
955
+ .e-filemanager .e-address {
956
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
957
+ }
958
+ .e-filemanager .e-address .e-icons {
959
+ color: rgba(var(--color-sf-on-surface-variant));
960
+ }
961
+ .e-filemanager .e-address .e-list-text {
962
+ color: rgba(var(--color-sf-on-surface-variant));
963
+ }
964
+ .e-filemanager .e-address .e-address-list-item {
965
+ color: rgba(var(--color-sf-on-surface-variant));
966
+ }
967
+ .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
968
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
969
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
970
+ color: rgba(var(--color-sf-on-surface));
971
+ }
972
+ .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
973
+ color: rgba(var(--color-sf-on-surface-variant));
974
+ }
975
+ .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
976
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
977
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
978
+ color: rgba(var(--color-sf-on-surface));
979
+ }
980
+ .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
981
+ color: rgba(var(--color-sf-on-surface));
982
+ }
983
+ .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
984
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
985
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
986
+ border-color: rgba(var(--color-sf-outline-variant));
987
+ border: none;
988
+ border-bottom: 1px solid var(--color-sf-outline);
989
+ border-radius: 0;
990
+ }
991
+ .e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
992
+ border: rgba(var(--color-sf-primary-container));
993
+ }
994
+ .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
995
+ border-color: rgba(var(--color-sf-primary));
996
+ }
997
+ .e-filemanager .e-grid .e-gridheader tr:first-child th {
998
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
999
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1000
+ }
1001
+ .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1002
+ background: rgba(var(--color-sf-on-surface), 0.05);
1003
+ }
1004
+ .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1005
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1006
+ background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1007
+ }
1008
+ .e-filemanager .e-grid .e-empty-inner-content {
1009
+ color: rgba(var(--color-sf-on-surface-variant));
1010
+ }
1011
+ .e-filemanager .e-grid td.e-active {
1012
+ background-color: rgba(var(--color-sf-primary-container));
1013
+ color: rgba(var(--color-sf-on-surface));
1014
+ }
1015
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1016
+ background-color: transparent;
1017
+ }
1018
+ .e-filemanager .e-large-icons .e-list-img {
1019
+ border-color: rgba(var(--color-sf-outline-variant));
1020
+ }
1021
+ .e-filemanager .e-large-icons .e-active {
1022
+ color: rgba(var(--color-sf-on-surface));
1023
+ }
1024
+ .e-filemanager .e-large-icons .e-empty-inner-content {
1025
+ color: rgba(var(--color-sf-on-surface-variant));
1026
+ }
1027
+ .e-filemanager .e-large-icons .e-large-icon {
1028
+ border-color: transparent;
1029
+ }
1030
+ .e-filemanager .e-large-icons .e-large-icon.e-active {
1031
+ background: rgba(var(--color-sf-primary-container));
1032
+ border-color: rgba(var(--color-sf-primary-container));
1033
+ }
1034
+ .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
1035
+ background: rgba(var(--color-sf-on-surface), 0.05);
1036
+ border-color: rgba(var(--color-sf-on-surface), 0.05);
1037
+ }
1038
+ .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
1039
+ background: rgba(var(--color-sf-primary-container));
1040
+ border-color: rgba(var(--color-sf-primary-container));
1041
+ }
1042
+ .e-filemanager .e-large-icons .e-large-icon.e-focus {
1043
+ border-color: rgba(var(--color-sf-outline-variant));
1044
+ }
1045
+ .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
1046
+ border-color: rgba(var(--color-sf-primary));
1047
+ }
1048
+ .e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
1049
+ background-color: rgba(var(--color-sf-primary));
1050
+ color: rgba(var(--color-sf-on-primary));
1051
+ }
1052
+ .e-filemanager .e-fe-clone .e-fe-content {
1053
+ background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1054
+ color: rgba(var(--color-sf-on-surface-variant));
1055
+ }
1056
+ .e-filemanager .e-fe-clone .e-fe-count {
1057
+ background-color: rgba(var(--color-sf-primary));
1058
+ border-color: rgba(var(--color-sf-on-primary));
1059
+ color: rgba(var(--color-sf-on-primary));
1060
+ }
1061
+ .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-hover, .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon:hover {
1062
+ background: transparent;
1063
+ border-color: transparent;
1064
+ }
1065
+ .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-focus {
1066
+ border-color: transparent;
1067
+ }
1068
+ .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
1069
+ background: rgba(var(--color-sf-primary-container));
1070
+ border-color: rgba(var(--color-sf-primary-container));
1071
+ }
1072
+
1073
+ .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
1074
+ .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
1075
+ .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
1076
+ .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
1077
+ color: rgba(var(--color-sf-on-surface-variant));
1078
+ }
1079
+ .e-fe-popup.e-dialog td {
1080
+ color: rgba(var(--color-sf-on-surface));
1081
+ }
1082
+ .e-fe-popup.e-dialog td:first-child {
1083
+ color: rgba(var(--color-sf-on-surface));
1084
+ }
1085
+ .e-fe-popup .e-fe-error {
1086
+ color: rgba(var(--color-sf-error));
1087
+ }
1088
+ .e-fe-popup .e-upload .e-upload-actions {
1089
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
1090
+ }
1091
+
916
1092
  .e-filemanager.e-fe-mobile .e-toolbar,
917
1093
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar,
918
1094
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar {
@@ -1041,6 +1217,11 @@ ejs-filemanager {
1041
1217
  text-overflow: ellipsis;
1042
1218
  white-space: nowrap;
1043
1219
  }
1220
+ .e-filemanager.e-fe-mobile .e-large-icons,
1221
+ .e-bigger .e-filemanager.e-fe-mobile .e-large-icons,
1222
+ .e-filemanager.e-bigger.e-fe-mobile .e-large-icons {
1223
+ height: calc(100% - 40px);
1224
+ }
1044
1225
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
1045
1226
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent,
1046
1227
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent {
@@ -1345,6 +1526,10 @@ ejs-filemanager {
1345
1526
  .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1346
1527
  margin-right: -10px;
1347
1528
  }
1529
+ .e-bigger .e-filemanager .e-large-icons,
1530
+ .e-filemanager.e-bigger .e-large-icons {
1531
+ height: calc(100% - 52px);
1532
+ }
1348
1533
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1349
1534
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1350
1535
  border-width: 1px;
@@ -1445,149 +1630,4 @@ ejs-filemanager {
1445
1630
  min-width: 140px;
1446
1631
  width: calc(33.33% - 17px);
1447
1632
  }
1448
- }
1449
- .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
1450
- height: 100%;
1451
- width: 100%;
1452
- }
1453
-
1454
- .e-filemanager {
1455
- background: transparent;
1456
- border-color: rgba(var(--color-sf-outline-variant));
1457
- }
1458
- .e-filemanager .e-toolbar {
1459
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1460
- }
1461
- .e-filemanager .e-address {
1462
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1463
- }
1464
- .e-filemanager .e-address .e-icons {
1465
- color: rgba(var(--color-sf-on-surface-variant));
1466
- }
1467
- .e-filemanager .e-address .e-list-text {
1468
- color: rgba(var(--color-sf-on-surface-variant));
1469
- }
1470
- .e-filemanager .e-address .e-address-list-item {
1471
- color: rgba(var(--color-sf-on-surface-variant));
1472
- }
1473
- .e-filemanager .e-address .e-address-list-item:focus .e-list-text {
1474
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1475
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1476
- color: rgba(var(--color-sf-on-surface));
1477
- }
1478
- .e-filemanager .e-address .e-address-list-item:last-child .e-list-text {
1479
- color: rgba(var(--color-sf-on-surface-variant));
1480
- }
1481
- .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:hover, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:active, .e-filemanager .e-address .e-address-list-item:not(:last-child) .e-list-text:focus {
1482
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1483
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1484
- color: rgba(var(--color-sf-on-surface));
1485
- }
1486
- .e-filemanager .e-address .e-search-wrap .e-input-group.e-control-wrapper:not(.e-success) {
1487
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1488
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1489
- border-color: rgba(var(--color-sf-outline-variant));
1490
- border: none;
1491
- border-bottom: 1px solid var(--color-sf-outline);
1492
- border-radius: 0;
1493
- }
1494
- .e-filemanager .e-treeview .e-list-item.e-active > .e-fullrow {
1495
- border: rgba(var(--color-sf-primary-container));
1496
- }
1497
- .e-filemanager .e-treeview .e-list-parent .e-list-item.e-fe-drop-folder.e-hover > .e-fullrow {
1498
- border-color: rgba(var(--color-sf-primary));
1499
- }
1500
- .e-filemanager .e-grid .e-gridheader tr:first-child th {
1501
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1502
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1503
- }
1504
- .e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover, .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-grid-icon .e-headercelldiv:hover {
1505
- background: rgba(var(--color-sf-on-surface), 0.05);
1506
- }
1507
- .e-filemanager .e-grid .e-gridheader .e-headercell.e-fe-checkbox:hover {
1508
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1509
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1510
- }
1511
- .e-filemanager .e-grid .e-empty-inner-content {
1512
- color: rgba(var(--color-sf-on-surface-variant));
1513
- }
1514
- .e-filemanager .e-grid td.e-active {
1515
- background-color: rgba(var(--color-sf-primary-container));
1516
- color: rgba(var(--color-sf-on-surface));
1517
- }
1518
- .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1519
- background-color: transparent;
1520
- }
1521
- .e-filemanager .e-large-icons .e-list-img {
1522
- border-color: rgba(var(--color-sf-outline-variant));
1523
- }
1524
- .e-filemanager .e-large-icons .e-active {
1525
- color: rgba(var(--color-sf-on-surface));
1526
- }
1527
- .e-filemanager .e-large-icons .e-empty-inner-content {
1528
- color: rgba(var(--color-sf-on-surface-variant));
1529
- }
1530
- .e-filemanager .e-large-icons .e-large-icon {
1531
- border-color: transparent;
1532
- }
1533
- .e-filemanager .e-large-icons .e-large-icon.e-active {
1534
- background: rgba(var(--color-sf-primary-container));
1535
- border-color: rgba(var(--color-sf-primary-container));
1536
- }
1537
- .e-filemanager .e-large-icons .e-large-icon.e-hover, .e-filemanager .e-large-icons .e-large-icon:hover {
1538
- background: rgba(var(--color-sf-on-surface), 0.05);
1539
- border-color: rgba(var(--color-sf-on-surface), 0.05);
1540
- }
1541
- .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover, .e-filemanager .e-large-icons .e-large-icon.e-active:hover {
1542
- background: rgba(var(--color-sf-primary-container));
1543
- border-color: rgba(var(--color-sf-primary-container));
1544
- }
1545
- .e-filemanager .e-large-icons .e-large-icon.e-focus {
1546
- border-color: rgba(var(--color-sf-outline-variant));
1547
- }
1548
- .e-filemanager .e-large-icons .e-large-icon.e-hover.e-fe-drop-folder, .e-filemanager .e-large-icons .e-large-icon:hover.e-fe-drop-folder {
1549
- border-color: rgba(var(--color-sf-primary));
1550
- }
1551
- .e-filemanager .e-large-icons .e-checkbox-wrapper .e-icons.e-check {
1552
- background-color: rgba(var(--color-sf-primary));
1553
- color: rgba(var(--color-sf-on-primary));
1554
- }
1555
- .e-filemanager .e-fe-clone .e-fe-content {
1556
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1557
- color: rgba(var(--color-sf-on-surface-variant));
1558
- }
1559
- .e-filemanager .e-fe-clone .e-fe-count {
1560
- background-color: rgba(var(--color-sf-primary));
1561
- border-color: rgba(var(--color-sf-on-primary));
1562
- color: rgba(var(--color-sf-on-primary));
1563
- }
1564
- .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-hover, .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon:hover {
1565
- background: transparent;
1566
- border-color: transparent;
1567
- }
1568
- .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-focus {
1569
- border-color: transparent;
1570
- }
1571
- .e-filemanager.e-fe-mobile .e-large-icons .e-large-icon.e-active {
1572
- background: rgba(var(--color-sf-primary-container));
1573
- border-color: rgba(var(--color-sf-primary-container));
1574
- }
1575
-
1576
- .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-dot,
1577
- .e-fe-popup.e-dropdown-popup ul .e-item .e-fe-tick, .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-dot,
1578
- .e-fe-popup.e-contextmenu-wrapper ul .e-menu-item .e-fe-tick, .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-dot,
1579
- .e-fe-popup.e-contextmenu-container ul .e-menu-item .e-fe-tick {
1580
- color: rgba(var(--color-sf-on-surface-variant));
1581
- }
1582
- .e-fe-popup.e-dialog td {
1583
- color: rgba(var(--color-sf-on-surface));
1584
- }
1585
- .e-fe-popup.e-dialog td:first-child {
1586
- color: rgba(var(--color-sf-on-surface));
1587
- }
1588
- .e-fe-popup .e-fe-error {
1589
- color: rgba(var(--color-sf-error));
1590
- }
1591
- .e-fe-popup .e-upload .e-upload-actions {
1592
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1593
1633
  }
package/styles/file-manager/material3-dark.scss CHANGED
@@ -15,3 +15,4 @@
15
15
  @import 'material3-dark-definition.scss';
16
16
  @import 'icons/material3-dark.scss';
17
17
  @import 'all.scss';
18
+ @import 'bigger.scss';