remove the caret from the SeekbarLabel

bitmovin · Jan 14, 2025 · 3f2bcce · 3f2bcce
1 parent f1a05ec
commit 3f2bcce
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 22 deletions.
diff --git a/src/scss/components/labels/_seekbarlabel.scss b/src/scss/components/labels/_seekbarlabel.scss
@@ -26,20 +26,6 @@
     padding-right: 1em;
   }
 
-  // bottom arrow from http://www.cssarrowplease.com/
-  .#{$prefix}-seekbar-label-caret {
-    border: solid transparent;
-    border-color: transparent;
-    border-top-color: $color-primary;
-    border-width: .5em;
-    height: 0;
-    margin-left: -.5em;
-    pointer-events: none;
-    position: absolute;
-    top: 100%;
-    width: 0;
-  }
-
   .#{$prefix}-seekbar-label-inner {
     border: solid $color-primary .0625em;
     border-radius: .5em;

diff --git a/src/ts/components/seekbar/SeekBarLabel.ts b/src/ts/components/seekbar/SeekBarLabel.ts
@@ -37,7 +37,6 @@ export class SeekBarLabel extends Container<SeekBarLabelConfig> {
   private player: PlayerAPI;
   private uiManager: UIInstanceManager;
   private readonly container: Container<ContainerConfig>;
-  private readonly caret: Label<LabelConfig>;
 
   constructor(config: SeekBarLabelConfig = {}) {
     super(config);
@@ -58,11 +57,9 @@ export class SeekBarLabel extends Container<SeekBarLabelConfig> {
       cssClass: 'seekbar-label-inner',
     });
 
-    this.caret = new Label({ cssClasses: ['seekbar-label-caret'] });
-
     this.config = this.mergeConfig(config, {
       cssClass: 'ui-seekbar-label',
-      components: [this.container, this.caret],
+      components: [this.container],
       hidden: true,
     }, this.config);
   }
@@ -151,10 +148,6 @@ export class SeekBarLabel extends Container<SeekBarLabelConfig> {
 
     if (preventOverflowOffset !== 0) {
       this.getDomElement().css('left', seekPositionPx - preventOverflowOffset + 'px');
-
-      this.caret.getDomElement().css('transform', `translateX(${preventOverflowOffset}px)`);
-    } else {
-      this.caret.getDomElement().css('transform', null);
     }
   }