@emailmaker/filemanager 0.10.70 → 0.10.71

package/file-manager.css

@@ -1239,12 +1239,15 @@
 }
 .em-filemanager .gifTab {
   height: 100%;
+  min-height: 0;
 }
 
 .em-filemanager .scrollableDiv {
   width: 100%;
   height: 100%;
   overflow: auto;
+  overflow-x: hidden;
+  box-sizing: border-box;
   line-height: 0;
   display: flex;
   flex-direction: column;
@@ -1363,7 +1366,9 @@
 }
 
 .em-filemanager .searchOutputWrapper {
-  height: calc(100vh - 32px);
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .em-filemanager .divider {
@@ -1386,6 +1391,7 @@
   width: 640px;
   max-width: 100%;
   overflow: auto;
+  box-sizing: border-box;
   padding: 60px 16px;
   border-radius: 12px;
   background-color: var(--colorBgContainer);
@@ -1414,6 +1420,7 @@
 }
 .em-filemanager .stockTab {
   height: 100%;
+  min-height: 0;
 }
 
 .em-filemanager .stockSearchInput {
@@ -1424,7 +1431,9 @@
 }
 
 .em-filemanager .searchOutputWrapper {
-  height: calc(100vh - 32px);
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .em-filemanager .divider {
@@ -1460,6 +1469,8 @@
   width: 100%;
   height: 100%;
   overflow: auto;
+  overflow-x: hidden;
+  box-sizing: border-box;
   line-height: 0;
   display: flex;
   flex-direction: column;
@@ -1620,6 +1631,7 @@
   width: 640px;
   max-width: 100%;
   overflow: auto;
+  box-sizing: border-box;
   padding: 60px 16px;
   border-radius: 12px;
   background-color: var(--colorBgContainer);
@@ -1852,6 +1864,7 @@
   display: flex;
   flex-direction: column;
   height: 100%;
+  min-height: 0;
 }
 .em-filemanager .iconsTab.hasSearch {
   padding-top: 0;
@@ -1860,7 +1873,9 @@
 .em-filemanager .iconsSearchWrapper {
   width: 100%;
   height: 100%;
-  overflow: auto;
+  min-height: 0;
+  overflow: hidden;
+  box-sizing: border-box;
   line-height: 0;
   display: flex;
   flex-direction: column;
@@ -2054,6 +2069,8 @@
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
+  overflow-x: hidden;
+  box-sizing: border-box;
   padding: 24px;
 }
 
@@ -2087,6 +2104,7 @@
   width: 640px;
   max-width: 100%;
   overflow: auto;
+  box-sizing: border-box;
   padding: 60px 16px;
   border-radius: 12px;
   background-color: var(--colorBgContainer);
@@ -2142,12 +2160,19 @@
   padding: 12px;
   background: #fff;
   cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  overflow: hidden;
+  box-shadow: inset 0 0 0 1px #f0f0f0;
 }
 
 .em-filemanager .iconsGridItemThumbnail {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex: 1 1 auto;
+  min-height: 0;
 }
 
 .em-filemanager .iconsGridItemSvg {
@@ -2166,9 +2191,20 @@
 .em-filemanager .iconsGridItemName {
   margin-top: 8px;
   font-size: 12px;
+  line-height: 1.2;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
+  flex: 0 0 auto;
+}
+
+.em-filemanager .iconsGridItemSelected::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border: 2px solid #1890ff;
+  border-radius: inherit;
+  pointer-events: none;
 }
 
 .em-filemanager .iconsGridItemInsertButton {
@@ -2178,9 +2214,11 @@
 }
 
 .em-filemanager .iconsGridLoading {
-  position: absolute;
-  top: 8;
-  right: 8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 50vh;
 }
 
 .em-filemanager .iconsControlsBackButton {
@@ -2212,8 +2250,10 @@
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  padding: 25px 0;
-  margin: 0 24px;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 24px 24px;
+  margin: 0;
   border-bottom: 1px solid var(--colorBorder);
 }