refactor: remove .fadeInStart and re-did it so it doesn't apply on mobile

main
Julian Lam 4 years ago
parent 854f52ce50
commit e5413fe406

@ -47,8 +47,3 @@
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.fadeInStart {
.transition(250ms ease-in-out opacity);
opacity: 0;
}

@ -277,13 +277,7 @@
min-height: 60px; min-height: 60px;
} }
[component="post/metadata"] {
.fadeInStart;
}
.post-tools { .post-tools {
.fadeInStart;
a { a {
padding: 1rem 10px; padding: 1rem 10px;
.pointer; .pointer;
@ -291,8 +285,6 @@
} }
.moderator-tools { .moderator-tools {
.fadeInStart;
margin-left: 10px; margin-left: 10px;
font-size: 14px; font-size: 14px;
@ -442,9 +434,16 @@
.transition(0.75s ease-in-out border-color); .transition(0.75s ease-in-out border-color);
&:hover { @media (min-width: @screen-md-min) {
.moderator-tools, .post-tools, [component="post/metadata"] { [component="post/metadata"], .post-tools, .moderator-tools {
opacity: 1; .transition(250ms ease-in-out opacity);
opacity: 0;
}
&:hover {
.moderator-tools, .post-tools, [component="post/metadata"] {
opacity: 1;
}
} }
} }

Loading…
Cancel
Save