1
0
mirror of https://github.com/flarum/core.git synced 2025-07-17 14:51:19 +02:00

More compact discussion list styling

This commit is contained in:
Toby Zerner
2015-05-18 08:00:33 +09:30
parent 4494001ef7
commit 281f475d28

View File

@@ -86,7 +86,7 @@
} }
& .discussions-list > li { & .discussions-list > li {
margin: 0; margin: 0;
padding-left: 65px + 15px; padding-left: 57px + 15px;
padding-right: 65px + 15px; padding-right: 65px + 15px;
&.active { &.active {
background: @fl-body-control-bg; background: @fl-body-control-bg;
@@ -169,14 +169,14 @@
visibility: hidden; visibility: hidden;
position: absolute; position: absolute;
right: 0; right: 0;
top: 18px; top: 13px;
} }
&:hover .contextual-controls, & .contextual-controls.open { &:hover .contextual-controls, & .contextual-controls.open {
visibility: visible; visibility: visible;
} }
& .author { & .author {
float: left; float: left;
margin-top: 19px; margin-top: 18px;
} }
& .tooltip .tooltip-inner { & .tooltip .tooltip-inner {
max-width: none; max-width: none;
@@ -197,13 +197,13 @@
& .main { & .main {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
padding: 20px 0; padding: 15px 0;
} }
&:hover .title { &:hover .title {
text-decoration: underline; text-decoration: underline;
} }
& .title { & .title {
margin: 0 0 6px; margin: 0 0 7px;
line-height: 1.3; line-height: 1.3;
color: @fl-secondary-color; color: @fl-secondary-color;
} }
@@ -218,6 +218,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 12px;
& > li { & > li {
display: inline; display: inline;
@@ -228,7 +229,7 @@
} }
& .count { & .count {
float: right; float: right;
margin-top: 18px; margin-top: 13px;
text-decoration: none; text-decoration: none;
.unread& { .unread& {
@@ -290,21 +291,24 @@
@media @tablet, @desktop, @desktop-hd { @media @tablet, @desktop, @desktop-hd {
.discussion-summary { .discussion-summary {
padding-left: 65px; padding-left: 57px;
padding-right: 65px; padding-right: 65px;
& .author { & .author {
margin-left: -65px; margin-left: -57px;
} }
& .badges { & .badges {
margin-left: -65px; margin-left: -57px;
width: 58px; width: 48px;
}
& .avatar {
.avatar-size(40px);
} }
& .main { & .main {
margin-right: -65px; margin-right: -65px;
} }
& .title { & .title {
font-size: 15px; font-size: 16px;
} }
& .count { & .count {
margin-right: -65px; margin-right: -65px;