Keymap tile formatting resolves #10.
Probably we will be able to use this "trick" in the final version as well. Regarding the browser support it's quite good.
This commit is contained in:
6
app.css
6
app.css
@@ -117,15 +117,17 @@ li {
|
||||
.keymap__name.active,
|
||||
.keymap__abbrev.active {
|
||||
box-shadow: 0 0 0px 1px #ccc, 0 0 5px 0px #ccc;
|
||||
padding: 0 .5rem;
|
||||
margin: 0 -.5rem;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.keymap__name,
|
||||
.keymap__abbrev {
|
||||
border: none;
|
||||
border-bottom: 2px dotted #999;
|
||||
}
|
||||
|
||||
.keymap__name,
|
||||
.keymap__name.active,
|
||||
.keymap__abbrev,
|
||||
.keymap__abbrev.active {
|
||||
padding: 0 .5rem;
|
||||
|
||||
2
app.html
2
app.html
@@ -28,7 +28,7 @@
|
||||
<div class="row">
|
||||
<h1 class="col-xs-12 pane-title">
|
||||
<i class="fa fa-keyboard-o"></i>
|
||||
<span class="keymap__name">QWERTY</span> keymap (<span class="keymap__abbrev">QTY</span>)
|
||||
<span class="keymap__name" contenteditable="true">QWERTY</span> keymap (<span class="keymap__abbrev" contenteditable="true">QTY</span>)
|
||||
<i class="fa fa-star-o fa-star keymap__is-default"></i>
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user