Merge pull request #563 from dat-land/fix/minimum_window_width

Fix: dev tools at minimum window width
dat-ecosystem-archive · Oct 19, 2018 · cdc4802 · cdc4802
2 parents 7f40bc6 + c999bd2
commit cdc4802
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/app/components/status-bar.js b/app/components/status-bar.js
@@ -3,9 +3,10 @@ import styled from 'styled-components'
 import bytes from 'prettier-bytes'
 
 const Bar = styled.div`
-  position: absolute;
+  position: fixed;
+  left:0;
   bottom: 0;
-  width: 100%;
+  width: 100vw;
   padding: 0.5rem 1rem 0.75rem;
   background-color: var(--color-neutral-04);
   color: var(--color-neutral-60);

diff --git a/static/base.css b/static/base.css
@@ -26,9 +26,14 @@ time, mark, audio, video {
   border: 0;
 }
 
+html {
+  overflow: auto;
+}
+
 body {
   line-height: 1.5;
   overflow: hidden;
+  min-width: 800px;
 }
 
 main {