ability to display keyboard shortcuts in top bar
This commit is contained in:
parent
373e26dc1b
commit
9ce55e0264
5 changed files with 136 additions and 24 deletions
|
|
@ -7,3 +7,31 @@ html, body {
|
|||
div#root {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
kbd {
|
||||
display: inline-block;
|
||||
padding: .12em .3em;
|
||||
padding-bottom: 3px;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
||||
font-size: .9em;
|
||||
line-height: 1;
|
||||
border: 0.8px solid #aaa;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(#ebebeb, #fff);
|
||||
box-shadow: inset 0 -2px 0 #aaa;
|
||||
vertical-align: middle;
|
||||
user-select: none;
|
||||
}
|
||||
kbd:active { transform: translateY(1px); }
|
||||
|
||||
|
||||
input {
|
||||
/* border: solid blue 2px; */
|
||||
accent-color: rgba(0,0,255,0.2);
|
||||
|
||||
/* accent-color: blue; */
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: rgba(0,0,255,0.2);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue