Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: remove short topic timeline transition (#22161)

This commit is contained in:
Kris 2023-06-16 12:21:04 -04:00 committed by GitHub
parent 84bbf0fdd7
commit e8f91a0a4c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/common/topic-timeline.scss
View File

@ -5,13 +5,8 @@
.timeline-container { .timeline-container {
box-sizing: border-box; box-sizing: border-box;
z-index: z("timeline"); z-index: z("timeline");
transform: translateZ(0);
&.timeline-docked-bottom { &.timeline-docked-bottom {
margin-bottom: -4em;
@media screen and (prefers-reduced-motion: no-preference) {
transition: margin-bottom 0.5s ease-in;
}
.timeline-footer-controls { .timeline-footer-controls {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
@ -184,6 +179,7 @@
.topic-timeline { .topic-timeline {
transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;
touch-action: none; touch-action: none;
min-width: 6em;
.timeline-controls { .timeline-controls {
margin-bottom: 1em; margin-bottom: 1em;
@ -195,17 +191,17 @@
} }
.timeline-footer-controls { .timeline-footer-controls {
margin-top: 1.5em; // this is absolutely positioned to avoid
// adding extra height below short topics
// above the topic-footer-controls
position: absolute;
margin-top: 1em;
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;
} }
display: flex; display: flex;
gap: 0.5em;
flex-wrap: wrap; flex-wrap: wrap;
max-width: 9em;
.reply-to-post {
margin-right: 0.5em;
}
button:last-child { button:last-child {
margin-right: 0; margin-right: 0;