Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-12 06:27:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1314 from mchangrh/mobileChapters

Browse Source 
add selector for mobile YT chapters
This commit is contained in:
Ajay Ramachandran
2022-05-17 14:02:19 -04:00
committed by GitHub
parent 793c16a21b 773da185ee
commit 7ce9442153
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/content.css
View File

@@ -17,6 +17,10 @@
transition: transform .1s cubic-bezier(0,0,0.2,1); transition: transform .1s cubic-bezier(0,0,0.2,1);
} }
.ytm-progress-bar > #previewbar {
height: 3px;
}
#previewbar.hovered { #previewbar.hovered {
transform: scaleY(1) transform: scaleY(1)
} }
@@ -649,4 +653,6 @@ input::-webkit-inner-spin-button {
#sponsorBlockDurationAfterSkips.ytm-time-display { #sponsorBlockDurationAfterSkips.ytm-time-display {
padding-left: 4px; padding-left: 4px;
margin: 0px; margin: 0px;
color: #fff;
opacity: .7;
} }

2
src/content.ts
View File

@@ -394,6 +394,8 @@ function createPreviewBar(): void {
const progressElementSelectors = [ const progressElementSelectors = [
// For mobile YouTube // For mobile YouTube
".progress-bar-background", ".progress-bar-background",
// for new mobile YouTube (#1287)
".ytm-progress-bar",
// For YouTube // For YouTube
".ytp-progress-bar-container", ".ytp-progress-bar-container",
".no-model.cue-range-markers", ".no-model.cue-range-markers",

6
src/js-components/previewBar.ts
View File

@@ -144,8 +144,10 @@ class PreviewBar {
this.parent = parent; this.parent = parent;
if (this.onMobileYouTube) { if (this.onMobileYouTube) {
parent.style.backgroundColor = "rgba(255, 255, 255, 0.3)"; if (parent.classList.contains("progress-bar-background")) {
parent.style.opacity = "1"; parent.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
parent.style.opacity = "1";
}
this.container.style.transform = "none"; this.container.style.transform = "none";
} else if (!this.onInvidious) { } else if (!this.onInvidious) {