From 4980ccf5fb68e59cf81d619f60740f1d3a588c0e Mon Sep 17 00:00:00 2001 From: Colin Date: Wed, 7 Oct 2020 14:18:44 -0400 Subject: [PATCH] no scrolling when empty, better responsive --- static/application.css | 34 +++++++--------- static/index.html | 90 +++++++++++++++++++++--------------------- 2 files changed, 61 insertions(+), 63 deletions(-) diff --git a/static/application.css b/static/application.css index 7e2711d..87fcd37 100644 --- a/static/application.css +++ b/static/application.css @@ -1,17 +1,22 @@ +html, body { + height: 100%; + width: 100%; +} + body { - background: #263238; - padding: 0 0 80px; + background: #002B36; margin: 0; font-family: sans-serif; + overflow-x: hidden; + overflow-y: auto; } /* textarea */ textarea { - background: transparent; + background: #002B36; border: 0px; color: #fff; - padding: 0px; width: 100%; height: 100%; font-family: monospace; @@ -20,6 +25,7 @@ textarea { font-size: 13px; margin-top: 0; margin-bottom: 0; + padding: 20px 20px 80px 0; } .logo a:hover svg path { @@ -31,30 +37,24 @@ textarea { #linenos { color: #7d7d7d; z-index: -1000; - position: absolute; - top: 20px; - left: 0px; - width: 30px; /* 30 to get 20 away from box */ font-size: 13px; font-family: monospace; text-align: right; user-select: none; + padding: 20px 20px 80px 20px; + flex-shrink: 0; } /* code box when locked */ #box { - padding: 0px; + padding: 20px 20px 20px 0; margin: 0px; width: 100%; border: 0px; outline: none; font-size: 13px; - overflow: inherit; -} - -#box.hljs { - background: transparent; + overflow: auto; } #box code { @@ -65,10 +65,6 @@ textarea { /* key */ #key { - position: fixed; - bottom: 0px; - left: 0; - right: 0px; z-index: +1000; /* watch out */ } @@ -116,7 +112,7 @@ button.enabled { bottom: 0; left: 0; right: 0; - background: #263238; + background: #002B36; } .menu-actions { diff --git a/static/index.html b/static/index.html index ef461c0..df50e4d 100644 --- a/static/index.html +++ b/static/index.html @@ -43,52 +43,54 @@ -