@mindedge/vuetify-player 0.4.3 → 0.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/Media/Html5Player.vue +14 -2
  3. package/src/components/Media/SettingsMenu.vue +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindedge/vuetify-player",
3
- "version": "0.4.3",
3
+ "version": "0.4.5",
4
4
  "private": false,
5
5
  "description": "Accessible, localized, full featured media player with Vuetifyjs",
6
6
  "author": "Jacob Rogaishio",
package/src/components/Media/Html5Player.vue CHANGED
@@ -4,7 +4,7 @@
4
4
  <v-col
5
5
  ref="playerContainer"
6
6
  :cols="!state.expandedCaptions ? 12 : 6"
7
- class="pb-0 mb-0"
7
+ class="pb-0 mb-0 player-container"
8
8
  >
9
9
  <div
10
10
  v-if="resolvedType === 'video' && buffering"
@@ -129,6 +129,7 @@
129
129
  <template #activator="{ on, attrs }">
130
130
  <v-btn
131
131
  class="controls--button"
132
+ dark
132
133
  x-small
133
134
  text
134
135
  v-bind="attrs"
@@ -167,6 +168,7 @@
167
168
  <template #activator="{ on, attrs }">
168
169
  <v-btn
169
170
  class="controls--button"
171
+ dark
170
172
  x-small
171
173
  text
172
174
  v-bind="attrs"
@@ -197,6 +199,7 @@
197
199
  <template #activator="{ on, attrs }">
198
200
  <v-btn
199
201
  class="controls--button hide-mobile"
202
+ dark
200
203
  x-small
201
204
  text
202
205
  v-bind="attrs"
@@ -233,6 +236,7 @@
233
236
  <template #activator="{ on, attrs }">
234
237
  <v-btn
235
238
  class="controls--button"
239
+ dark
236
240
  x-small
237
241
  text
238
242
  v-bind="attrs"
@@ -282,6 +286,7 @@
282
286
  <template #activator="{ on, attrs }">
283
287
  <v-btn
284
288
  class="controls--button"
289
+ dark
285
290
  x-small
286
291
  text
287
292
  v-bind="attrs"
@@ -351,6 +356,7 @@
351
356
  <template #activator="{ on, attrs }">
352
357
  <v-btn
353
358
  class="controls--button"
359
+ dark
354
360
  x-small
355
361
  text
356
362
  v-bind="attrs"
@@ -388,6 +394,7 @@
388
394
  <template #activator="{ on, attrs }">
389
395
  <v-btn
390
396
  class="controls--button hide-mobile"
397
+ dark
391
398
  x-small
392
399
  text
393
400
  v-bind="attrs"
@@ -418,6 +425,7 @@
418
425
  <template #activator="{ on, attrs }">
419
426
  <v-btn
420
427
  class="controls--button hide-mobile"
428
+ dark
421
429
  x-small
422
430
  text
423
431
  v-bind="attrs"
@@ -446,6 +454,7 @@
446
454
  <template #activator="{ on, attrs }">
447
455
  <v-btn
448
456
  class="controls--button hide-mobile"
457
+ dark
449
458
  x-small
450
459
  text
451
460
  v-bind="attrs"
@@ -1369,11 +1378,14 @@ export default {
1369
1378
  margin-top: -25px;
1370
1379
  }
1371
1380
  }
1381
+ .player-container {
1382
+ overflow: hidden;
1383
+ }
1372
1384
  .controls-container {
1373
1385
  height: 80px;
1374
1386
  position: relative;
1375
1387
  top: -90px;
1376
- margin-bottom: -80px;
1388
+ margin-bottom: -90px;
1377
1389
  }
1378
1390
  .controls {
1379
1391
  height: 80px;
package/src/components/Media/SettingsMenu.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <!-- Settings -->
3
3
  <v-menu :attach="attach" top left offset-y :close-on-content-click="false">
4
4
  <template #activator="{ on, attrs }">
5
- <v-btn x-small text v-bind="attrs" v-on="on">
5
+ <v-btn dark x-small text v-bind="attrs" v-on="on">
6
6
  <v-icon>mdi-cog</v-icon>
7
7
  <span class="d-sr-only">{{
8
8
  t(language, 'player.toggle_settings')