uhk/agent
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Keymap tile formatting resolves #10.

Browse Source 
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:
Arpad Csanyi
2016-03-02 22:27:43 +01:00
parent e3bf28d2bc
commit 39424a2b64
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app.css
View File

@@ -117,15 +117,17 @@ li {
.keymap__name.active, .keymap__name.active,
.keymap__abbrev.active { .keymap__abbrev.active {
box-shadow: 0 0 0px 1px #ccc, 0 0 5px 0px #ccc; box-shadow: 0 0 0px 1px #ccc, 0 0 5px 0px #ccc;
padding: 0 .5rem; border-color: transparent;
margin: 0 -.5rem;
} }
.keymap__name, .keymap__name,
.keymap__abbrev { .keymap__abbrev {
border: none;
border-bottom: 2px dotted #999; border-bottom: 2px dotted #999;
} }
.keymap__name,
.keymap__name.active,
.keymap__abbrev, .keymap__abbrev,
.keymap__abbrev.active { .keymap__abbrev.active {
padding: 0 .5rem; padding: 0 .5rem;

2
app.html
View File

@@ -28,7 +28,7 @@
<div class="row"> <div class="row">
<h1 class="col-xs-12 pane-title"> <h1 class="col-xs-12 pane-title">
<i class="fa fa-keyboard-o"></i> <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> <i class="fa fa-star-o fa-star keymap__is-default"></i>
</h1> </h1>
</div> </div>