Upstream/haste-server
1
0
Fork 0
mirror of https://github.com/toptal/haste-server.git synced 2024-11-22 11:55:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

no scrolling when empty, better responsive

Browse Source
This commit is contained in:
Colin 2020-10-07 14:18:44 -04:00
parent 7ed6f45deb
commit 4980ccf5fb
2 changed files with 61 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
static/application.css
View File

@ -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 {

12
static/index.html
View File

@ -43,6 +43,13 @@
<body>
<ul id="messages"></ul>
<div style="display: flex; flex-direction: column; height: 100%; width: 100%;">
<div style="display: flex; flex: auto;">
<div id="linenos"></div>
<pre id="box" style="display:none; flex: auto;" class="hljs" tabindex="0"><code></code></pre>
<textarea spellcheck="false" style="display:none;"></textarea>
</div>
<div id="key" class="menu" style="display: flex; padding: 16px;">
<div class="logo" style="flex: auto; display: flex; align-items: center;">
<div class="button-wrap" style="position: relative;">
@ -84,11 +91,6 @@
</div>
</div>
</div>
<div style="padding: 20px 20px 20px 50px; overflow: auto;">
<div id="linenos"></div>
<pre id="box" style="display:none;" class="hljs" tabindex="0"><code></code></pre>
<textarea spellcheck="false" style="display:none;"></textarea>
</div>
</body>