aboutsummaryrefslogtreecommitdiffhomepage
path: root/src/js-components/previewBar.ts
diff options
context:
space:
mode:
authorAjay <[email protected]>2023-07-28 19:37:54 -0400
committerAjay <[email protected]>2023-07-28 19:37:54 -0400
commit299cb485c3dd8d6146f17a95b3bbea737004bf22 (patch)
treed078e38f2be217e30f2c4e9d799d41f235d4ee62 /src/js-components/previewBar.ts
parent882d462849286a83ea6e6a204efd48610bdaaeca (diff)
downloadSponsorBlock-299cb485c3dd8d6146f17a95b3bbea737004bf22.tar.gz
SponsorBlock-299cb485c3dd8d6146f17a95b3bbea737004bf22.zip
Fix chapter name sometimes disappearing
Diffstat (limited to 'src/js-components/previewBar.ts')
-rw-r--r--src/js-components/previewBar.ts26
1 files changed, 13 insertions, 13 deletions
diff --git a/src/js-components/previewBar.ts b/src/js-components/previewBar.ts
index 944066c7..d88912b2 100644
--- a/src/js-components/previewBar.ts
+++ b/src/js-components/previewBar.ts
@@ -774,10 +774,11 @@ class PreviewBar {
if (!Config.config.showSegmentNameInChapterBar
|| ((!segments || segments.length <= 0) && submittingSegments?.length <= 0)) {
const chaptersContainer = this.getChaptersContainer();
- const chapterButton = this.getChapterButton(chaptersContainer);
- if (chapterButton && chapterButton.classList.contains("ytp-chapter-container-disabled")) {
- chaptersContainer.style.display = "none";
- }
+ chaptersContainer.querySelector(".sponsorChapterText")?.remove();
+ const chapterTitle = chaptersContainer.querySelector(".ytp-chapter-title-content") as HTMLDivElement;
+
+ chapterTitle.style.removeProperty("display");
+ chaptersContainer.classList.remove("sponsorblock-chapter-visible");
return [];
}
@@ -802,7 +803,7 @@ class PreviewBar {
if (chaptersContainer) {
if (segments.length > 0) {
- chaptersContainer.style.removeProperty("display");
+ chaptersContainer.classList.add("sponsorblock-chapter-visible");
const chosenSegment = segments.sort((a, b) => {
if (a.actionType === ActionType.Chapter && b.actionType !== ActionType.Chapter) {
@@ -819,11 +820,11 @@ class PreviewBar {
chapterButton.disabled = false;
const chapterTitle = chaptersContainer.querySelector(".ytp-chapter-title-content") as HTMLDivElement;
- chapterTitle.innerText = "";
+ chapterTitle.style.display = "none";
- const chapterCustomText = (chapterTitle.querySelector(".sponsorChapterText") || (() => {
+ const chapterCustomText = (chapterTitle.parentElement.querySelector(".sponsorChapterText") || (() => {
const elem = document.createElement("div");
- chapterTitle.appendChild(elem);
+ chapterTitle.parentElement.insertBefore(elem, chapterTitle);
elem.classList.add("sponsorChapterText");
return elem;
})()) as HTMLDivElement;
@@ -854,11 +855,10 @@ class PreviewBar {
} else {
chaptersContainer.querySelector(".sponsorChapterText")?.remove();
const chapterTitle = chaptersContainer.querySelector(".ytp-chapter-title-content") as HTMLDivElement;
- if (chapterTitle.innerText === "") {
- chaptersContainer.style.display = "none";
- } else {
- chaptersContainer.style.removeProperty("display");
- }
+
+ chapterTitle.style.removeProperty("display");
+ chaptersContainer.classList.remove("sponsorblock-chapter-visible");
+
this.chapterVote.setVisibility(false);
}
}