@gcorevideo/player 2.25.4 → 2.25.6

package/assets/media-control/width370.scss

@@ -1,4 +1,4 @@
-.media-control-skin-1[data-media-control-skin-1].w370 {
+.media-control-skin-1.w370 {
   .media-control-cc {
     width: 28px;
 
@@ -35,7 +35,7 @@
   .media-control-audiotracks[data-audiotracks] {
     margin-top: 3px;
     margin-right: 10px;
-    
+
     ul {
       bottom: 30px;
       width: 50px;
@@ -52,6 +52,7 @@
     }
 
     button[data-audiotracks-button] {
+
       .quality-text,
       .audio-text {
         font-size: 13px;
@@ -98,8 +99,6 @@
     }
 
     .dvr-controls {
-      height: 32px;
-
       .live-button {
         margin-left: 10px;
         height: 32px;
@@ -133,8 +132,6 @@
     }
 
     button.media-control-button {
-      height: 32px;
-
       &[data-fullscreen] {
         height: 33px;
       }
@@ -181,5 +178,10 @@
         }
       }
     }
+
+    .media-control-button,
+    .gplayer-mc-panel-item {
+      height: 32px;
+    }
   }
 }

package/assets/multi-camera/style.scss

@@ -1,4 +1,6 @@
-*, :focus, :visited {
+*,
+:focus,
+:visited {
   outline: none !important;
 }
 
@@ -40,7 +42,7 @@
     }
   }
 
-  & > ul {
+  &>ul {
     padding: 6px 0;
     right: -24px;
     width: 245px;
@@ -91,7 +93,8 @@
         pointer-events: none;
       }
 
-      &:hover, &.multicamera-active {
+      &:hover,
+      &.multicamera-active {
         background-color: rgb(0 0 0 / 30%);
       }
 
@@ -110,7 +113,8 @@
         text-align: left;
         margin-left: 15px;
 
-        .multicamera-title, .multicamera-description {
+        .multicamera-title,
+        .multicamera-description {
           width: 120px;
           height: 20px;
           font-family: Roboto, "Open Sans", Arial, sans-serif;
@@ -159,18 +163,4 @@
     }
 
   }
-}
-
-@keyframes pulse {
-  0% {
-    color: #fff;
-  }
-
-  50% {
-    color: #ff0101
-  }
-
-  100% {
-    color: #B80000;
-  }
-}
+}

package/assets/picture-in-picture/style.scss

@@ -0,0 +1,14 @@
+.media-control-skin-1 {
+  .gplayer-mc-panel-item.media-control-pip {
+    order: 95;
+    display: flex;
+
+    button {
+      height: 20px;
+
+      svg {
+        height: 20px;
+      }
+    }
+  }
+}

package/assets/subtitles/style.scss

@@ -1,91 +1,131 @@
-*,
-:focus,
-:visited {
-  outline: none !important;
-}
-
-.media-control-cc[data-cc] {
-  position: relative;
-  order: 85;
-
-  button {
-    background-color: transparent;
-    color: #fff;
-    -webkit-font-smoothing: antialiased;
-    border: none;
-    cursor: pointer;
+.media-control-skin-1 {
+  .media-control-cc {
+    button.media-control-button {
+      display: flex;
+      justify-content: center;
+      padding: 0;
+      align-items: center;
+      vertical-align: top;
 
-    .cc-text {
-      svg {
-        fill: white;
+      &:hover {
+        color: white;
       }
     }
 
-    &:hover {
-      color: #c9c9c9;
-    }
+    ul {
+      // TODO extract common styles
+      width: auto;
+      border-radius: 4px;
+      bottom: 52px;
+      margin-left: -28px;
+
+      li {
+        font-size: 16px;
+        text-align: center;
+        white-space: nowrap;
+        height: 30px;
+
+        a {
+          height: 30px;
+          padding: 5px 10px;
+          color: #fffffe;
+
+          &:hover {
+            background-color: rgb(0 0 0 / 40%);
+          }
+        }
+
+        &.current a {
+          background-color: rgb(0 0 0 / 40%);
+        }
+
+        &:first-child {
+          a {
+            border-bottom-left-radius: 4px;
+            border-bottom-right-radius: 4px;
+          }
+        }
 
-    &.changing {
-      animation: pulse 0.5s infinite alternate;
+        &:last-child {
+          a {
+            border-top-left-radius: 4px;
+            border-top-right-radius: 4px;
+          }
+        }
+      }
     }
   }
 
-  ul {
-    width: 80px;
-    list-style-type: none;
-    position: absolute;
-    bottom: 25px;
-    border: 1px solid black;
-    background-color: #e6e6e6;
-    padding: 8px 0;
-  }
+  .media-control-cc {
+    position: relative;
+    order: 85;
 
-  li {
-    a {
-      color: #444;
-      padding: 2px 10px;
-      display: block;
-      text-decoration: none;
+    button {
+      background-color: transparent;
+      color: #fff;
+      -webkit-font-smoothing: antialiased;
+      border: none;
+      cursor: pointer;
+
+      .cc-text {
+        svg {
+          fill: white;
+        }
+      }
 
       &:hover {
-        background-color: #555;
-        color: white;
+        color: #c9c9c9;
+      }
 
-        a {
-          color: white;
-          text-decoration: none;
-        }
+      &.changing {
+        animation: pulse 0.5s infinite alternate;
       }
     }
 
-    &.current a {
-      color: #f00;
-      background-color: #555;
+    ul {
+      width: 80px;
+      overflow: hidden;
+      list-style-type: none;
+      position: absolute;
+      bottom: 25px;
+      border: none;
+      background-color: #e6e6e6;
+      padding: 8px 0;
+      box-shadow: 0 0 1px 1px var(--gplayer-mc-popup-border-color);
     }
 
-  }
-}
+    li {
+      a {
+        color: #444;
+        padding: 2px 10px;
+        display: block;
+        text-decoration: none;
 
-@keyframes pulse {
-  0% {
-    color: #fff;
-  }
+        &:hover {
+          background-color: #555;
+          color: white;
 
-  50% {
-    color: #ff0101
-  }
+          a {
+            color: white;
+            text-decoration: none;
+          }
+        }
+      }
 
-  100% {
-    color: #B80000;
-  }
-}
+      &.current a {
+        color: #f00;
+        background-color: #555;
+      }
 
-::cue {
-  visibility: hidden !important;
-  font-size: 0 !important;
+    }
+  }
 }
 
-.ios-fullscreen::cue {
-  visibility: visible !important;
-  font-size: 1em !important;
-}
+// ::cue {
+//   visibility: hidden !important;
+//   font-size: 0 !important;
+// }
+// .ios-fullscreen::cue {
+//   visibility: visible !important;
+//   font-size: 1em !important;
+// }

package/dist/core.js

@@ -43228,7 +43228,7 @@ class Player {
     }
 }
 
-var version$1 = "2.25.4";
+var version$1 = "2.25.6";
 
 var packages = {
 	"node_modules/@clappr/core": {