github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-07 10:18:48 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: correctly hides timeline scroller for short posts (#9581)

Browse Source 
* FIX: correctly hides timeline scroller for short posts

* fix linting
This commit is contained in:
Joffrey JAFFEUX
2020-04-29 16:24:53 +02:00
committed by GitHub
parent 7ccfc73edb
commit db337b10ee
2 changed files with 42 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/discourse/app/mixins/docking.js
View File

@ -1,5 +1,5 @@
import Mixin from "@ember/object/mixin"; import Mixin from "@ember/object/mixin";
import { debounce } from "@ember/runloop"; import { later, debounce } from "@ember/runloop";
const helper = { const helper = {
offset() { offset() {
@ -32,7 +32,8 @@ export default Mixin.create({
$(window).bind("scroll.discourse-dock", this.queueDockCheck); $(window).bind("scroll.discourse-dock", this.queueDockCheck);
$(document).bind("touchmove.discourse-dock", this.queueDockCheck); $(document).bind("touchmove.discourse-dock", this.queueDockCheck);
this.dockCheck(helper); // dockCheck might happen too early on full page refresh
later(this, this.safeDockCheck, 50);
}, },
willDestroyElement() { willDestroyElement() {

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

@ -518,32 +518,46 @@ export default createWidget("topic-timeline", {
result.push(this.attach("timeline-controls", attrs)); result.push(this.attach("timeline-controls", attrs));
const bottomAge = relativeAge(new Date(topic.last_posted_at), { let displayTimeLineScrollArea = true;
addAgo: true, if (!attrs.mobileView) {
defaultFormat: timelineDate const streamLength = attrs.topic.get("postStream.stream.length");
});
let scroller = [
h(
"div.timeline-date-wrapper",
this.attach("link", {
className: "start-date",
rawLabel: timelineDate(createdAt),
action: "jumpTop"
})
),
this.attach("timeline-scrollarea", attrs),
h(
"div.timeline-date-wrapper",
this.attach("link", {
className: "now-date",
rawLabel: bottomAge,
action: "jumpBottom"
})
)
];
result.push(h("div.timeline-scrollarea-wrapper", scroller)); if (streamLength < 2) {
result.push(this.attach("timeline-footer-controls", attrs)); const postsWrapper = document.querySelector(".posts-wrapper");
if (postsWrapper && postsWrapper.offsetHeight < 1000) {
displayTimeLineScrollArea = false;
}
}
}
if (displayTimeLineScrollArea) {
const bottomAge = relativeAge(new Date(topic.last_posted_at), {
addAgo: true,
defaultFormat: timelineDate
});
let scroller = [
h(
"div.timeline-date-wrapper",
this.attach("link", {
className: "start-date",
rawLabel: timelineDate(createdAt),
action: "jumpTop"
})
),
this.attach("timeline-scrollarea", attrs),
h(
"div.timeline-date-wrapper",
this.attach("link", {
className: "now-date",
rawLabel: bottomAge,
action: "jumpBottom"
})
)
];
result.push(h("div.timeline-scrollarea-wrapper", scroller));
result.push(this.attach("timeline-footer-controls", attrs));
}
return result; return result;
} }