fixed: dropzone not following scroll position

nathanwentworth · Aug 6, 2017 · c1dfeff · c1dfeff
1 parent 1f544ee
commit c1dfeff
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/css/main.css b/css/main.css
@@ -44,12 +44,12 @@ section {
 }
 
 .dropzone {
-  width: 100%;
+  position: fixed;
+  width: calc(100vw - 300px);
   height: 100vh;
   color: #fff;
   font-weight: bold;
   background-color: rgba(16, 32, 48, 0.9);
-  position: absolute;
   top: 0;
   right: 0;
   display: flex;
@@ -58,6 +58,10 @@ section {
   user-select: none;
 }
 
+.right.expand .dropzone {
+  width: 100vw;
+}
+
 .folders {
 }
 
@@ -167,6 +171,7 @@ label {
   position: fixed;
   left: 16px;
   bottom: 16px;
+  z-index: 1000;
 }
 
 .hidden {