github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-12-13 15:13:42 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Tweak discussion list contextual controls

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
framework/core/js/forum/src/components/discussion-list-item.js
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' : ''}, [ return this.subtree.retain() || m('div.discussion-list-item', {className: this.active() ? 'active' : ''}, [
controls.length ? DropdownButton.component({ controls.length ? DropdownButton.component({
icon: 'ellipsis-h', icon: 'ellipsis-v',
items: controls, items: controls,
className: 'contextual-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' menuClass: 'pull-right'
}) : '', }) : '',

16
framework/core/less/forum/index.less
View File

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