mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
UX: remove animation for back button on mobile (#31048)
We're seeing drops in CLS performance and the animation of this element may likely be the culprit. We can try removing and seeing if this is indeed the issue.
This commit is contained in:
@@ -40,6 +40,7 @@ export default class TopicProgress extends Component {
|
||||
|
||||
const stream = this.get("postStream.stream");
|
||||
const readPos = stream.indexOf(lastReadId) || 0;
|
||||
|
||||
return readPos < stream.length - 1 && readPos > position;
|
||||
}
|
||||
|
||||
|
@@ -1,25 +1,3 @@
|
||||
@keyframes button-jump-up {
|
||||
0% {
|
||||
margin-bottom: -60px;
|
||||
}
|
||||
|
||||
50% {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
65% {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
77% {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
100% {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#main-outlet {
|
||||
--below-topic-margin: 0.75em;
|
||||
}
|
||||
@@ -119,14 +97,12 @@
|
||||
|
||||
.progress-back-container {
|
||||
z-index: z("dropdown");
|
||||
animation-duration: 0.5s;
|
||||
animation-name: button-jump-up;
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
margin-right: 0.5em;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 100%; // above parent container + some extra space
|
||||
bottom: 100%;
|
||||
|
||||
.btn {
|
||||
margin: 0;
|
||||
|
Reference in New Issue
Block a user