github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-18 14:52:46 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FEATURE: add tooltips to timeline start/end dates (#18294)

Browse Source
This commit is contained in:
Kris 2022-09-20 21:46:14 -04:00 committed by GitHub
parent c607cdd923
commit b98cd73ace
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/discourse/app/widgets/topic-timeline.js
View File

@ -579,6 +579,9 @@ export default createWidget("topic-timeline", {
className: "start-date", className: "start-date",
rawLabel: timelineDate(createdAt), rawLabel: timelineDate(createdAt),
action: "jumpTop", action: "jumpTop",
attributes: {
"data-tooltip": I18n.t("topic_entrance.sr_jump_top_button"),
},
}) })
), ),
this.attach("timeline-scrollarea", attrs), this.attach("timeline-scrollarea", attrs),
@ -588,6 +591,9 @@ export default createWidget("topic-timeline", {
className: "now-date", className: "now-date",
rawLabel: bottomAge, rawLabel: bottomAge,
action: "jumpBottom", action: "jumpBottom",
attributes: {
"data-tooltip": I18n.t("topic_entrance.sr_jump_bottom_button"),
},
}) })
), ),
]; ];

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

@ -214,6 +214,7 @@
.start-date { .start-date {
@include unselectable; @include unselectable;
color: var(--primary-med-or-secondary-med); color: var(--primary-med-or-secondary-med);
cursor: pointer;
} }
.timeline-scrollarea { .timeline-scrollarea {
@ -300,6 +301,7 @@
display: inline-block; display: inline-block;
color: var(--primary-med-or-secondary-med); color: var(--primary-med-or-secondary-med);
margin-top: 0.5em; margin-top: 0.5em;
cursor: pointer;
} }
} }
} }