update skip button style

hanydd · Dec 5, 2024 · 758bdbe · 758bdbe
1 parent 7cf8952
commit 758bdbe
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/public/content.css b/public/content.css
@@ -107,24 +107,25 @@
 
 .autoHiding:not(.sbhidden) {
 	transform: translateX(0%);
-	transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
+	transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
 }
 
 .autoHiding.sbhidden {
 	transform: translateX(100%);
-	transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
-	/* width: 0px !important; */
+	transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
+		opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1) !important;
 	opacity: 0;
 }
 
-@media (max-width: 1260px){
-	.autoHiding.sbhidden{
+@media (max-width: 1260px) {
+	.autoHiding.sbhidden {
 		width: 0px !important;
 	}
 }
 
 .autoHiding.sbhidden.autoHideLeft {
-	transform: translateX(-100%) scale(0);
+	transform: translateX(-100%);
 }
 
 .sponsorSkipObject {

diff --git a/src/js-components/skipButtonControlBar.ts b/src/js-components/skipButtonControlBar.ts
@@ -38,11 +38,13 @@ export class SkipButtonControlBar {
         this.skipButton = document.createElement("button");
         this.skipButton.classList.add("bpx-player-ctrl-btn", "playerButton");
         this.skipButton.id = "sbSkipIconControlBarButton";
+        this.skipButton.draggable = false;
 
         this.skipIcon = document.createElement("img");
         this.skipIcon.src = chrome.runtime.getURL("icons/skipIcon.svg");
         this.skipIcon.classList.add("bpx-player-ctrl-btn-icon", "playerButtonImage");
         this.skipIcon.id = "sbSkipIconControlBarImage";
+        this.skipIcon.draggable = false;
 
         this.skipButton.appendChild(this.skipIcon);