@quasar/quasar-app-extension-qmediaplayer - npm Package Compare versions

Comparing version 1.0.0-alpha.6 to 1.0.0-alpha.7

component/QMediaPlayer.js

@@ -228,5 +228,5 @@ import Vue from 'vue'
       return {
-        'q-media__controls__container--dense': (this.state.showControls || this.mobileMode) && this.dense,
-        'q-media__controls__container--standard': (this.state.showControls || this.mobileMode) && !this.dense,
-        'q-media__controls__container--hidden': !this.state.showControls
+        'q-media__controls--dense': (this.state.showControls || this.mobileMode) && this.dense,
+        'q-media__controls--standard': (this.state.showControls || this.mobileMode) && !this.dense,
+        'q-media__controls--hidden': !this.state.showControls
       }
@@ -236,4 +236,4 @@ },
       return {
-        'q-media__controls__container--dense': this.dense,
-        'q-media__controls__container--standard': !this.dense
+        'q-media__controls--dense': this.dense,
+        'q-media__controls--standard': !this.dense
       }
@@ -250,3 +250,3 @@ },
         return this.iconSet.mediaPlayer.volumeDown
-      } else if (this.state.volume > 70 && !this.state.muted) {
+      } else if (this.state.volume >= 70 && !this.state.muted) {
         return this.iconSet.mediaPlayer.volumeUp
@@ -708,3 +708,3 @@ } else {
       if (x > pos.left && x < pos.left + pos.width) {
-        if (y > pos.top + pos.height * 0.6 && y < pos.top + pos.height) {
+        if (y > pos.top + pos.height - (this.dense ? 40 : 80) && y < pos.top + pos.height) {
           this.showControls()
@@ -717,2 +717,3 @@ return true
     __videoCurrentTimeChanged (val) {
+      this.showControls()
       if (this.$media && this.$media.duration && val && val > 0 && val <= this.state.duration) {
@@ -726,2 +727,3 @@ if (this.$media.currentTime !== val) {
     __volumePercentChanged (val) {
+      this.showControls()
       this.state.volume = val
@@ -947,3 +949,3 @@ },
         ref: 'controls',
-        staticClass: 'q-media__controls__container',
+        staticClass: 'q-media__controls',
         class: this.videoControlsClasses
@@ -953,3 +955,3 @@ }, [
         this.dense && h('div', {
-          staticClass: 'q-media__controls__container--row row col content-start items-center'
+          staticClass: 'q-media__controls--row row col content-start items-center'
         }, [
@@ -970,3 +972,3 @@ h('div', [
         !this.dense && h('div', {
-          staticClass: 'q-media__controls__container--row row col items-center justify-between'
+          staticClass: 'q-media__controls--row row col items-center justify-between'
         }, [
@@ -978,3 +980,3 @@ this.__renderDisplayTime(h),
         !this.dense && h('div', {
-          staticClass: 'q-media__controls__container--row row col content-start items-center'
+          staticClass: 'q-media__controls--row row col content-start items-center'
         }, [
@@ -1001,7 +1003,7 @@ h('div', {
         ref: 'controls',
-        staticClass: 'q-media__controls__container',
+        staticClass: 'q-media__controls',
         class: this.audioControlsClasses
       }, [
         this.dense && h('div', {
-          staticClass: 'q-media__controls__container--row row col content-start items-center'
+          staticClass: 'q-media__controls--row row col content-start items-center'
         }, [
@@ -1021,3 +1023,3 @@ // dense
         !this.dense && h('div', {
-          staticClass: 'q-media__controls__container--row row col items-center justify-between'
+          staticClass: 'q-media__controls--row row col items-center justify-between'
         }, [
@@ -1029,3 +1031,3 @@ this.__renderDisplayTime(h),
         !this.dense && h('div', {
-          staticClass: 'q-media__controls__container--row row col content-start items-center'
+          staticClass: 'q-media__controls--row row col content-start items-center'
         }, [
@@ -1126,3 +1128,3 @@ h('div', [
       return h('div', {
-        staticClass: 'q-media__big-button--container'
+        staticClass: 'q-media--big-button'
       }, [
@@ -1129,0 +1131,0 @@ h(QIcon, {

package.json

 {
   "name": "@quasar/quasar-app-extension-qmediaplayer",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.7",
   "description": "QMediaPlayer is an app extension for Quasar",
@@ -5,0 +5,0 @@ "author": "Hawkeye64 <[e-mail]>",

No alert changes

Improved metrics

Lines of code

2675

increased by0.07%

Worsened metrics

Total package byte prevSize

99953

decreased by-0.19%

No dependency changes