Better styling

This commit is contained in:
Nathan Sobo
2012-10-19 14:07:47 -06:00
parent 57ab2d3013
commit 61e769390a
2 changed files with 14 additions and 4 deletions

View File

@@ -43,9 +43,10 @@ class EventPalette extends SelectList
$$ ->
@li class: 'event', 'data-event-name': eventName, =>
@div eventDescription, class: 'event-description'
@div eventName, class: 'event-name'
for binding in keyBindings[eventName] ? []
@div binding, class: 'key-binding'
@div class: 'right', =>
@div eventName, class: 'event-name'
for binding in keyBindings[eventName] ? []
@div binding, class: 'key-binding'
@div class: 'clear-float'
confirmed: ({eventName}) ->

View File

@@ -9,17 +9,26 @@
.event-palette ol li {
padding: 2px;
border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.event-palette ol .event-description {
float: left;
display: inline-block;
margin-right: .5em;
margin: 4px 0;
}
.event-palette li .right {
float: right;
}
.event-palette ol .event-name, .event-palette ol .key-binding {
float: right;
display: inline-block;
margin: 4px 0;
margin-right: .5em;
font-size: 90%;
color: #ddd;
-webkit-border-radius: 3px;
padding: 0 4px;