diff --git a/app/assets/javascripts/discourse/app/widgets/topic-timeline.js b/app/assets/javascripts/discourse/app/widgets/topic-timeline.js index 34b7358777a..0e0b9781093 100644 --- a/app/assets/javascripts/discourse/app/widgets/topic-timeline.js +++ b/app/assets/javascripts/discourse/app/widgets/topic-timeline.js @@ -579,6 +579,9 @@ export default createWidget("topic-timeline", { className: "start-date", rawLabel: timelineDate(createdAt), action: "jumpTop", + attributes: { + "data-tooltip": I18n.t("topic_entrance.sr_jump_top_button"), + }, }) ), this.attach("timeline-scrollarea", attrs), @@ -588,6 +591,9 @@ export default createWidget("topic-timeline", { className: "now-date", rawLabel: bottomAge, action: "jumpBottom", + attributes: { + "data-tooltip": I18n.t("topic_entrance.sr_jump_bottom_button"), + }, }) ), ]; diff --git a/app/assets/stylesheets/common/topic-timeline.scss b/app/assets/stylesheets/common/topic-timeline.scss index 8328170997f..3b3c21e8815 100644 --- a/app/assets/stylesheets/common/topic-timeline.scss +++ b/app/assets/stylesheets/common/topic-timeline.scss @@ -214,6 +214,7 @@ .start-date { @include unselectable; color: var(--primary-med-or-secondary-med); + cursor: pointer; } .timeline-scrollarea { @@ -300,6 +301,7 @@ display: inline-block; color: var(--primary-med-or-secondary-med); margin-top: 0.5em; + cursor: pointer; } } }