github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-05-23 23:29:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add light horizontal rule between posts. closes flarum/core#133

Browse Source 
Also remove time information from event posts (it’s not useful)
This commit is contained in:
Toby Zerner
2015-06-23 10:36:36 +09:30
parent 64e5d50533
commit 6e5329047c
3 changed files with 23 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
js/forum/src/components/event-post.js
View File

@ -17,8 +17,7 @@ export default class EventPost extends Post {
m('div.event-post-info', [ m('div.event-post-info', [
user ? m('a.post-user', {href: app.route.user(user), config: m.route}, username(user)) : username(user), ' ', user ? m('a.post-user', {href: app.route.user(user), config: m.route}, username(user)) : username(user), ' ',
content content
]), ])
m('div.event-post-time', humanTime(post.time()))
], attrs); ], attrs);
} }
} }

39
less/forum/discussion.less
View File

@ -67,10 +67,14 @@
// Stream // Stream
.discussion-posts { .discussion-posts {
margin-top: 40px; margin-top: 10px;
& .item { & .item {
margin-bottom: 40px; padding: 30px 0;
&:not(:last-child) {
border-bottom: 1px solid @fl-body-secondary-color;
}
} }
} }
@keyframes blink { @keyframes blink {
@ -117,7 +121,7 @@
& .contextual-controls { & .contextual-controls {
float: right; float: right;
margin-top: -3px; margin-top: -8px;
margin-left: 10px; margin-left: 10px;
} }
} }
@ -316,7 +320,6 @@
} }
.event-post-info { .event-post-info {
font-size: 15px; font-size: 15px;
margin-bottom: 5px;
} }
.discussion-renamed-post { .discussion-renamed-post {
& .old-title, & .new-title { & .old-title, & .new-title {
@ -373,19 +376,11 @@
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
color: @fl-body-muted-color; color: @fl-body-muted-color;
margin-top: 60px; margin-top: -30px;
margin-bottom: 60px; margin-bottom: 30px;
padding-left: 90px; padding: 20px 20px 20px 90px;
border-top: 1px solid @fl-body-secondary-color; background: @fl-body-secondary-color;
font-size: 12px; font-size: 12px;
& span {
float: left;
background: #fff;
margin-top: -9px;
margin-left: -10px;
padding: 0 10px;
}
} }
.post-preview { .post-preview {
@ -445,16 +440,18 @@
} }
@media @tablet, @desktop, @desktop-hd { @media @tablet, @desktop, @desktop-hd {
.post { .item {
padding-left: 90px;
& .contextual-controls { & .contextual-controls {
visibility: hidden; opacity: 0;
transition: opacity 0.2s;
} }
&:hover .contextual-controls, & .contextual-controls.open { &:hover .contextual-controls, & .contextual-controls.open {
visibility: visible; opacity: 1;
} }
} }
.post {
padding-left: 90px;
}
.post-header { .post-header {
& .avatar { & .avatar {
margin-left: -90px; margin-left: -90px;

8
less/lib/buttons.less
View File

@ -60,11 +60,11 @@
// Little round icon buttons // Little round icon buttons
.btn-icon.btn-sm { .btn-icon.btn-sm {
border-radius: 14px; border-radius: 16px;
height: 28px; height: 32px;
width: 28px; width: 32px;
text-align: center; text-align: center;
padding: 5px 0; padding: 7px 0;
& .label, & .icon-caret { & .label, & .icon-caret {
display: none; display: none;