Pārlūkot izejas kodu

HUE-2303 [fb] Move the dropzone overlay to fb from global

Moved css and markup to fb listdir
Enrico Berti 11 gadi atpakaļ
vecāks
revīzija
372e0df9c8

+ 28 - 1
apps/filebrowser/src/filebrowser/static/css/listdir_components.css

@@ -145,4 +145,31 @@
   background-color: #338bb8;
   height: 4px;
   width: 30%;
-}
+}
+
+.hoverMsg {
+  background: #000;
+  height: 100%;
+  left: 0;
+  opacity: .5;
+  position: fixed;
+  width: 100%;
+  top:0;
+  z-index: 10000;
+}
+
+.hoverText {
+  color: #fff;
+  font-size: 5em;
+  position: relative;
+  text-align: center;
+  top: 45%;
+  font-weight: 700;
+  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}

+ 5 - 0
apps/filebrowser/src/filebrowser/templates/listdir.mako

@@ -126,4 +126,9 @@ ${ fb_components.menubar() }
   </div>
 </div>
 
+<div class="hoverMsg hide">
+  <p class="hoverText"></p>
+</div>
+
+
 ${ commonfooter(messages) | n,unicode }

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

@@ -195,8 +195,5 @@ from django.template.defaultfilters import escape, escapejs
   <%include file="tours.mako"/>
 % endif
 
-    <div class="hoverMsg hide">
-      <p class="hoverText"></p>
-    </div>
   </body>
 </html>

+ 0 - 28
desktop/core/static/css/hue3.css

@@ -1825,34 +1825,6 @@ input.no-margin {
   }
 }
 
-.hoverMsg {
-  background: #000;
-  /*display: none;*/
-  height: 100%;
-  left: 0;
-  opacity: .5;
-  position: fixed;
-  width: 100%;
-  top:0;
-  z-index: 10000;
-}
-
-.hoverText {
-  color: #fff;
-  font-size: 5em;
-  position: relative;
-  text-align: center;
-  top: 45%;
-  font-weight: 700;
-  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
-  -webkit-animation-name: bounceInDown;
-  animation-name: bounceInDown;
-  -webkit-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-
 .break-word {
   word-wrap: break-word
 }