use generic label class for select lists labels

This commit is contained in:
Justin Palmer 2013-02-02 14:18:09 -08:00
parent 918b3130cb
commit c2f030e99c
3 changed files with 12 additions and 2 deletions

View File

@ -43,7 +43,7 @@ class CommandPaletteView extends SelectList
@li class: 'event', 'data-event-name': eventName, =>
@div eventDescription, class: 'event-description'
@div class: 'right', =>
@div eventName, class: 'event-name'
@div eventName, class: 'label'
for binding in keyBindings[eventName] ? []
@div binding, class: 'key-binding'
@div class: 'clear-float'

View File

@ -5,7 +5,7 @@
margin: 4px 0;
}
.command-palette ol .event-name, .command-palette ol .key-binding {
.command-palette ol .key-binding {
display: inline-block;
margin: 4px 0;
margin-right: .5em;

View File

@ -13,6 +13,16 @@
padding: 5px;
}
.select-list li .label {
display: inline-block;
margin: 4px 0;
margin-right: .5em;
font-size: 90%;
color: #ddd;
-webkit-border-radius: 3px;
padding: 0 4px;
}
.select-list li .right {
float: right;
}