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,11 +434,18 @@
.transition(0.75s ease-in-out border-color); .transition(0.75s ease-in-out border-color);
@media (min-width: @screen-md-min) {
[component="post/metadata"], .post-tools, .moderator-tools {
.transition(250ms ease-in-out opacity);
opacity: 0;
}
&:hover { &:hover {
.moderator-tools, .post-tools, [component="post/metadata"] { .moderator-tools, .post-tools, [component="post/metadata"] {
opacity: 1; opacity: 1;
} }
} }
}
.edit-icon { .edit-icon {
vertical-align: -2%; vertical-align: -2%;

Loading…
Cancel
Save