Ver código fonte

HUE-3294 [core] Add drop target in left nav menu

Johan Ahlen 9 anos atrás
pai
commit
ef20fe959d

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

@@ -65,7 +65,7 @@ body {
   position: relative;
   background-color: #338BB8;
   width: 100%;
-  z-index: 100;
+  z-index: 999999;
 }
 
 .top-nav-left {
@@ -310,7 +310,7 @@ body {
 
 .left-nav {
   position:absolute;
-  background-color: #003F6C;
+  background-color: #338BB8;
   color: #f9f9f9;
   z-index: 99999;
   top: 0;
@@ -378,6 +378,16 @@ body {
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18), 0 2px 8px 0 rgba(0, 0, 0, 0.13);
 }
 
+.left-nav-drop {
+  border-top: 1px solid rgba(240, 240, 240, 0.9);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  padding: 15px 30px;
+  font-size: 16px;
+  width: 100%
+}
+
 .assist-panel {
   -ms-flex: 0 0 200px;
   flex: 0 0 200px;

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

@@ -213,6 +213,9 @@ ${ hueIcons.symbols() }
         <li><a href="javascript: void(0);">HBase</a></li>
         <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>
     </div>
 
 ##     <div style="position: fixed; bottom: 0; left: 0">