Просмотр исходного кода

#4145 - Uploader's enhancement (ghosts view fix)

roman.lesnikov@gmail.com 3 лет назад
Родитель
Сommit
ab3239ffb1
2 измененных файлов с 7 добавлено и 4 удалено
  1. 0 4
      modules/base/general/template/css/forms.css
  2. 7 0
      template/css/uploaders.css

+ 0 - 4
modules/base/general/template/css/forms.css

@@ -8,10 +8,6 @@
     cursor: move;
     cursor: move;
 }
 }
 
 
-.bx-uploader-ghost .bx-base-general-icon-wrapper {
-    float:left;
-}
-
 .bx-uploader-ghost .bx-btn {
 .bx-uploader-ghost .bx-btn {
 	float: none;
 	float: none;
 	display: inline-block;
 	display: inline-block;

+ 7 - 0
template/css/uploaders.css

@@ -17,6 +17,7 @@
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
     position: relative;
     position: relative;
+    min-width: 150px;
 }
 }
 
 
 .bx-form-input-files-result{
 .bx-form-input-files-result{
@@ -28,6 +29,8 @@
 }
 }
 .bx-base-general-icon-wrapper{
 .bx-base-general-icon-wrapper{
     position: relative;
     position: relative;
+    display: flex;
+    justify-content: center;
 }
 }
 .bx-base-general-uploader-ghost{
 .bx-base-general-uploader-ghost{
     position: absolute;
     position: absolute;
@@ -35,12 +38,16 @@
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: center;
     width: 100%;
     width: 100%;
+    flex-wrap: wrap;
+    grid-gap: 0.5rem;
 }
 }
 .bx-base-general-uploader-ghost .bx-btn.bx-btn-small{
 .bx-base-general-uploader-ghost .bx-btn.bx-btn-small{
     height: auto !important;
     height: auto !important;
     line-height: normal !important;
     line-height: normal !important;
     min-height: 30px;
     min-height: 30px;
     display: flex;
     display: flex;
+    padding: 0 0.5rem;
+    margin: 0px;
 }
 }
 
 
 .bx-uploader-ghost-preview {
 .bx-uploader-ghost-preview {