diff --git a/framework/core/js/forum/src/components/discussion-list-item.js b/framework/core/js/forum/src/components/discussion-list-item.js index 87f650ca7..8e0f58230 100644 --- a/framework/core/js/forum/src/components/discussion-list-item.js +++ b/framework/core/js/forum/src/components/discussion-list-item.js @@ -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' }) : '', diff --git a/framework/core/less/forum/index.less b/framework/core/less/forum/index.less index 1957dd646..bcb2e87f7 100644 --- a/framework/core/less/forum/index.less +++ b/framework/core/less/forum/index.less @@ -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;