فهرست منبع

HUE-5470 [responsive] Drop files should not overlay with other menu items

Enrico Berti 9 سال پیش
والد
کامیت
785a149

+ 16 - 2
desktop/core/src/desktop/static/desktop/css/responsive.css

@@ -326,6 +326,7 @@ body {
 }
 
 .left-nav-menu {
+  padding-bottom: 60px;
   margin: 10px 0 0 0;
 }
 
@@ -383,9 +384,22 @@ body {
   position: absolute;
   bottom: 0;
   left: 0;
-  padding: 15px 30px;
   font-size: 16px;
-  width: 100%
+  background-color: #338BB8;
+  width: 0;
+}
+
+.left-nav-drop div {
+  margin: 15px 30px;
+}
+
+.left-nav-visible .left-nav-drop {
+  -webkit-transition: 0.4s width;
+  -moz-transition: 0.4s width;
+  -ms-transition: 0.4s width;
+  transition: 0.4s width;
+  width: 200px;
+  position: fixed;
 }
 
 .assist-panel {

+ 3 - 1
desktop/core/src/desktop/templates/responsive.mako

@@ -288,7 +288,9 @@ ${ hueIcons.symbols() }
         <li><a href="javascript: void(0);">Security</a></li>
       </ul>
       <div class="left-nav-drop">
-        <i class="fa fa-fw fa-cloud-upload"></i> <span>${ _('Drop files here') }</span>
+        <div>
+          <i class="fa fa-fw fa-cloud-upload"></i> <span>${ _('Drop files here') }</span>
+        </div>
       </div>
     </div>