Tweak discussion list contextual controls

This commit is contained in:
Toby Zerner 2015-07-07 09:21:43 +09:30
parent 0f561921b2
commit c7383601e2
2 changed files with 10 additions and 10 deletions

View File

@ -39,10 +39,10 @@ export default class DiscussionListItem extends Component {
return this.subtree.retain() || m('div.discussion-list-item', {className: this.active() ? 'active' : ''}, [
controls.length ? DropdownButton.component({
icon: 'ellipsis-h',
icon: 'ellipsis-v',
items: controls,
className: 'contextual-controls',
buttonClass: 'btn btn-default btn-icon btn-sm btn-naked slidable-underneath slidable-underneath-right',
buttonClass: 'btn btn-link btn-icon btn-sm slidable-underneath slidable-underneath-right',
menuClass: 'pull-right'
}) : '',

View File

@ -86,13 +86,11 @@
& .discussion-list-item {
margin: 0;
padding: 0;
border-radius: 0;
&.active {
background: @fl-body-control-bg;
}
& .contextual-controls {
display: none;
}
}
& .discussion-summary {
padding-left: 52px + 15px;
@ -380,13 +378,15 @@
padding-left: 15px;
margin-left: -15px;
border-radius: @border-radius-base;
transition: background 0.1s;
& .contextual-controls {
visibility: hidden;
position: absolute;
right: 90px;
top: 15px;
right: 0;
top: 5px;
z-index: 1;
opacity: 0;
transition: opacity 0.1s;
& .dropdown-toggle {
display: block;
@ -396,12 +396,12 @@
background: lighten(@fl-body-secondary-color, 3%);
}
&:hover .contextual-controls, & .contextual-controls.open {
visibility: visible;
opacity: 1;
}
}
.discussion-summary {
padding-left: 52px;
padding-right: 65px;
padding-right: 75px;
& .author {
margin-left: -52px;