@playkit-js/playkit-js-ui 0.83.3 → 0.83.4
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.
package/package.json
CHANGED
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
width: 24px;
|
|
88
88
|
border-radius: 4px;
|
|
89
89
|
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
|
|
90
|
-
background-color:
|
|
90
|
+
background-color: var(--Tone-4, #666);
|
|
91
91
|
padding: 0px;
|
|
92
92
|
opacity: 0;
|
|
93
93
|
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.bar {
|
|
105
|
-
background-color: #
|
|
105
|
+
background-color: var(--Tone-8, #000);
|
|
106
106
|
height: 100%;
|
|
107
107
|
position: relative;
|
|
108
108
|
cursor: pointer;
|
|
@@ -114,9 +114,12 @@
|
|
|
114
114
|
bottom: 0;
|
|
115
115
|
left: 0;
|
|
116
116
|
width: 100%;
|
|
117
|
-
border-radius: 0 0
|
|
118
|
-
background-color:
|
|
119
|
-
|
|
117
|
+
border-radius: 0 0 4px 4px;
|
|
118
|
+
background-color: var(--Tone-1, #FFF);
|
|
119
|
+
|
|
120
|
+
&.full {
|
|
121
|
+
border-radius: 4px;
|
|
122
|
+
}
|
|
120
123
|
}
|
|
121
124
|
}
|
|
122
125
|
|
|
@@ -502,7 +502,7 @@ class Volume extends Component<any, any> {
|
|
|
502
502
|
className={style.bar}
|
|
503
503
|
ref={c => (c ? (this._volumeProgressBarElement = c) : undefined)}
|
|
504
504
|
onMouseDown={this.onVolumeProgressBarMouseDown}>
|
|
505
|
-
<div className={style.progress} style={{height: this.getVolumeProgressHeight()}} />
|
|
505
|
+
<div className={`${style.progress} ${this.props.volume >= 0.98 ? style.full : ''}`} style={{height: this.getVolumeProgressHeight()}} />
|
|
506
506
|
</div>
|
|
507
507
|
</div>
|
|
508
508
|
<span className={style.srOnly}>
|