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

Fix visual issues on mobile preview bar

Browse Source
This commit is contained in:
Ajay
2022-05-17 13:55:39 -04:00
parent bf3dcd97b8
commit 773da185ee
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
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)
} }

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) {