github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-04-09 08:16:36 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tweak discussion list styles some more

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

2
framework/core/js/forum/src/components/discussion-list-item.js
View File

@ -42,7 +42,7 @@ export default class DiscussionListItem extends Component {
icon: 'ellipsis-v', icon: 'ellipsis-v',
items: controls, items: controls,
className: 'contextual-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' menuClass: 'pull-right'
}) : '', }) : '',

2
framework/core/js/forum/src/components/discussion-page.js
View File

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

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

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