Extend hover area for post control visibility

This commit is contained in:
Toby Zerner 2015-06-23 10:57:09 +09:30
parent 3eb5c7e701
commit 35cd1f3b51

View File

@ -70,8 +70,6 @@
margin-top: 10px; margin-top: 10px;
& .item { & .item {
padding: 30px 0;
&:not(:last-child) { &:not(:last-child) {
border-bottom: 1px solid @fl-body-secondary-color; border-bottom: 1px solid @fl-body-secondary-color;
} }
@ -109,7 +107,7 @@
// Posts // Posts
.post { .post {
padding-bottom: 1px; padding: 30px 0;
transition: 0.2s box-shadow, top 0.2s, opacity 0.2s; transition: 0.2s box-shadow, top 0.2s, opacity 0.2s;
position: relative; position: relative;
top: 0; top: 0;
@ -376,8 +374,6 @@
text-transform: uppercase; text-transform: uppercase;
font-weight: bold; font-weight: bold;
color: @fl-body-muted-color; color: @fl-body-muted-color;
margin-top: -30px;
margin-bottom: 30px;
padding: 20px 20px 20px 90px; padding: 20px 20px 20px 90px;
background: @fl-body-secondary-color; background: @fl-body-secondary-color;
font-size: 12px; font-size: 12px;
@ -440,7 +436,9 @@
} }
@media @tablet, @desktop, @desktop-hd { @media @tablet, @desktop, @desktop-hd {
.item { .post {
padding-left: 90px;
& .contextual-controls { & .contextual-controls {
opacity: 0; opacity: 0;
transition: opacity 0.2s; transition: opacity 0.2s;
@ -449,9 +447,6 @@
opacity: 1; opacity: 1;
} }
} }
.post {
padding-left: 90px;
}
.post-header { .post-header {
& .avatar { & .avatar {
margin-left: -90px; margin-left: -90px;