diff --git a/package-lock.json b/package-lock.json
index 4477c0b4f..d0c7ad763 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
"@stremio/stremio-colors": "5.2.0",
"@stremio/stremio-core-web": "0.48.5",
"@stremio/stremio-icons": "5.4.1",
- "@stremio/stremio-video": "0.0.48",
+ "@stremio/stremio-video": "0.0.52",
"a-color-picker": "1.2.1",
"bowser": "2.11.0",
"buffer": "6.0.3",
@@ -3409,9 +3409,9 @@
]
},
"node_modules/@stremio/stremio-video": {
- "version": "0.0.48",
- "resolved": "https://registry.npmjs.org/@stremio/stremio-video/-/stremio-video-0.0.48.tgz",
- "integrity": "sha512-6ALGXCZC4NPsfhPcrwFWQzvH6UMMRsgSkHetnOhv9WmZ5ubiyUdbBzj9atGiGuuQz8pRcze66ztrub+dsaQbpw==",
+ "version": "0.0.52",
+ "resolved": "https://registry.npmjs.org/@stremio/stremio-video/-/stremio-video-0.0.52.tgz",
+ "integrity": "sha512-OlHC8FIvYEyGXcNAM4W044Dqx6CmGb5BV3fDU361SyUjO9gKXXUWdL7LwmwHeWFeuy2sK1MEg4AT2JPptvJ0rg==",
"license": "MIT",
"dependencies": {
"buffer": "6.0.3",
diff --git a/package.json b/package.json
index 9587f9530..e80305bc9 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
"@stremio/stremio-colors": "5.2.0",
"@stremio/stremio-core-web": "0.48.5",
"@stremio/stremio-icons": "5.4.1",
- "@stremio/stremio-video": "0.0.48",
+ "@stremio/stremio-video": "0.0.52",
"a-color-picker": "1.2.1",
"bowser": "2.11.0",
"buffer": "6.0.3",
diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
index 768b8d40a..41f81b386 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
@@ -181,12 +181,17 @@ const Stream = ({ className, videoId, videoReleased, addonName, name, descriptio
const renderMenu = React.useMemo(() => function renderMenu() {
return (
+
+ {description}
+
{
streamLink &&
}
diff --git a/src/routes/MetaDetails/StreamsList/Stream/styles.less b/src/routes/MetaDetails/StreamsList/Stream/styles.less
index 0461c77ee..06720a879 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/styles.less
+++ b/src/routes/MetaDetails/StreamsList/Stream/styles.less
@@ -111,12 +111,29 @@
background-color: var(--secondary-accent-color);
}
+ .menu-icon {
+ flex: none;
+ width: 1.7rem;
+ height: 1.7rem;
+ margin-right: 1rem;
+ color: var(--color-placeholder);
+ }
+
.context-menu-container {
max-width: calc(90% - 1.5rem);
z-index: 2;
.context-menu-content {
--spatial-navigation-contain: contain;
+
+ .context-menu-title {
+ font-size: 0.9rem;
+ padding: 1rem 1.5rem;
+ font-weight: 100;
+ border-bottom: 1px solid var(--color-placeholder);
+ color: var(--primary-foreground-color);
+ white-space: break-spaces;
+ }
.context-menu-option-container {
display: flex;
@@ -131,8 +148,9 @@
.context-menu-option-label {
font-size: 1rem;
- font-weight: 500;
- color:var(--primary-foreground-color);
+ font-weight: 300;
+ color: var(--primary-foreground-color);
+ text-transform: capitalize;
}
}
}
diff --git a/src/routes/Player/ControlBar/ControlBar.js b/src/routes/Player/ControlBar/ControlBar.js
index 0fa6de1a4..745e2bd49 100644
--- a/src/routes/Player/ControlBar/ControlBar.js
+++ b/src/routes/Player/ControlBar/ControlBar.js
@@ -138,6 +138,7 @@ const ControlBar = ({
diff --git a/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js b/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js
index c69697e1f..1980b4943 100644
--- a/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js
+++ b/src/routes/Player/ControlBar/VolumeSlider/VolumeSlider.js
@@ -9,7 +9,7 @@ const { useServices } = require('stremio/services');
const { Slider } = require('stremio/components');
const styles = require('./styles');
-const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
+const VolumeSlider = ({ className, volume, onVolumeChangeRequested, muted }) => {
const { shell } = useServices();
const disabled = volume === null || isNaN(volume);
const routeFocused = useRouteFocused();
@@ -48,7 +48,9 @@ const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
className={classnames(className, styles['volume-slider'], { 'active': slidingVolume !== null })}
value={
!disabled ?
- slidingVolume !== null ? slidingVolume : volume
+ !muted ?
+ slidingVolume !== null ? slidingVolume : volume
+ : 0
:
100
}
@@ -65,7 +67,8 @@ const VolumeSlider = ({ className, volume, onVolumeChangeRequested }) => {
VolumeSlider.propTypes = {
className: PropTypes.string,
volume: PropTypes.number,
- onVolumeChangeRequested: PropTypes.func
+ onVolumeChangeRequested: PropTypes.func,
+ muted: PropTypes.bool,
};
module.exports = VolumeSlider;