mirror of
https://github.com/varkor/quiver.git
synced 2024-09-11 05:46:13 +03:00
wip
This commit is contained in:
parent
0a1bff5fa9
commit
390202102f
41
src/main.css
41
src/main.css
@ -604,6 +604,47 @@ body {
|
|||||||
content: "✕";
|
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 */
|
/* The toolbar */
|
||||||
|
|
||||||
.toolbar {
|
.toolbar {
|
||||||
|
@ -1308,6 +1308,9 @@ class UI {
|
|||||||
this.toolbar.initialise(this);
|
this.toolbar.initialise(this);
|
||||||
this.element.appendChild(this.toolbar.element);
|
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.
|
// Add the logo.
|
||||||
this.element.appendChild(
|
this.element.appendChild(
|
||||||
new DOM.Element("a", { href: "https://github.com/varkor/quiver", target: "_blank" })
|
new DOM.Element("a", { href: "https://github.com/varkor/quiver", target: "_blank" })
|
||||||
|
Loading…
Reference in New Issue
Block a user