varkor/quiver
1
1
Fork 0
mirror of https://github.com/varkor/quiver.git synced 2024-08-15 16:50:29 +03:00
Code Issues Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
varkor 2020-02-13 01:02:54 +00:00
parent 0a1bff5fa9
commit 390202102f
2 changed files with 44 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/main.css
View File

@ -604,6 +604,47 @@ body {
content: "✕";
}
/* The long input */
.long-input {
position: fixed;
width: 400px;
background: red;
left: 40%; bottom: 72px;
transform: translateX(-50%);
padding: 2px 4px;
background: hsl(0, 0%, 16%);
border: hsl(0, 0%, 28%) solid 1px;
border-radius: 2px;
outline: none;
font-size: 18px;
font-family: monospace;
color: hsl(0, 0%, 96%);
}
.long-input:hover {
background: hsl(0, 0%, 18%);
}
.long-input:focus {
background: hsl(0, 0%, 96%);
border-color: hsl(200, 100%, 40%);
color: hsl(0, 0%, 16%);
}
.long-input:disabled {
background: hsl(0, 0%, 20%);
border-color: hsl(0, 0%, 28%);
}
.long-input.flash {
animation: shadow-flash 0.2s;
}
/* The toolbar */
.toolbar {

3
src/ui.js
View File

@ -1308,6 +1308,9 @@ class UI {
this.toolbar.initialise(this);
this.element.appendChild(this.toolbar.element);
const long_input = new DOM.Element("input", { type: "text", class: "long-input" });
this.element.appendChild(long_input.element);
// Add the logo.
this.element.appendChild(
new DOM.Element("a", { href: "https://github.com/varkor/quiver", target: "_blank" })