fix(transcripts-header): Fix follow button height in Safari

podlove · Jan 28, 2018 · 9341fdc · 9341fdc
1 parent 2552808
commit 9341fdc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/player/progress-bar/Progress.vue b/src/components/player/progress-bar/Progress.vue
@@ -17,8 +17,8 @@
       @input="onInput"
     >
     <span class="progress-range" :style="rangeStyle"></span>
-    <span class="progress-buffer" v-for="(buffering, index) in buffer" :style="bufferStyle(buffering)" :key="index"></span>
-    <span v-for="(quantile, index) in quantiles" class="progress-track" :style="trackStyle(quantile)" :key="index"></span>
+    <span class="progress-buffer" v-for="(buffering, index) in buffer" :style="bufferStyle(buffering)" :key="`buffer-${index}`"></span>
+    <span v-for="(quantile, index) in quantiles" class="progress-track" :style="trackStyle(quantile)" :key="`track-${index}`"></span>
     <ChaptersIndicator></ChaptersIndicator>
     <span class="ghost-thumb" :style="thumbStyle(ghostPosition, ghost.active)"></span>
     <span class="progress-thumb" :class="{ active: thumbActive }" :style="thumbStyle(thumbPosition, true)"></span>

diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
@@ -64,5 +64,5 @@ $thumb-width-mobile: 44px;
 
 // Transcripts
 $transcripts-header-height: 50px;
-$transcripts-header-element-height: 24px;
+$transcripts-header-element-height: 25px;
 $transcripts-search-navigation-width: 120px;