Tweak discussion list styles some more

This commit is contained in:
Toby Zerner 2015-07-07 15:30:48 +09:30
parent c6e297e849
commit 09d70c2264
3 changed files with 8 additions and 5 deletions

View File

@ -42,7 +42,7 @@ export default class DiscussionListItem extends Component {
icon: 'ellipsis-v',
items: controls,
className: 'contextual-controls',
buttonClass: 'btn btn-link btn-icon btn-sm slidable-underneath slidable-underneath-right',
buttonClass: 'btn btn-default btn-naked btn-icon btn-sm slidable-underneath slidable-underneath-right',
menuClass: 'pull-right'
}) : '',

View File

@ -188,7 +188,7 @@ export default class DiscussionPage extends mixin(Component, evented) {
$(document).off('mousemove', hotEdge);
};
var $discussion = $index.find('.discussion-summary.active');
var $discussion = $index.find('.discussion-list-item.active');
if ($discussion.length) {
var indexTop = $index.offset().top;
var discussionTop = $discussion.offset().top;

View File

@ -91,6 +91,9 @@
&.active {
background: @fl-body-control-bg;
}
& .contextual-controls {
top: 5px;
}
}
& .discussion-summary {
padding-left: 52px + 15px;
@ -378,15 +381,15 @@
padding-left: 15px;
margin-left: -15px;
border-radius: @border-radius-base;
transition: background 0.1s;
transition: background 0.2s;
& .contextual-controls {
position: absolute;
right: 0;
top: 5px;
top: 15px;
z-index: 1;
opacity: 0;
transition: opacity 0.1s;
transition: opacity 0.2s;
& .dropdown-toggle {
display: block;