diff options
| author | bobzel <zzzman@gmail.com> | 2022-06-21 15:20:01 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2022-06-21 15:20:01 -0400 |
| commit | b99e32960ff624237ca99c8d6ee756026a79003a (patch) | |
| tree | 09bb3bf78bdbaa7228d33c476ce3e835d0ae8955 | |
| parent | d446a2c555019133f549978eb3a8453ac40c28d9 (diff) | |
took scrubbing opacity down to 0.3 for videos
| -rw-r--r-- | src/client/views/nodes/VideoBox.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/client/views/nodes/VideoBox.tsx b/src/client/views/nodes/VideoBox.tsx index 4c6680dcf..1b891034f 100644 --- a/src/client/views/nodes/VideoBox.tsx +++ b/src/client/views/nodes/VideoBox.tsx @@ -533,7 +533,7 @@ export class VideoBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProp const field = Cast(this.dataDoc[this.fieldKey], VideoField); const interactive = CurrentUserUtils.ActiveTool !== InkTool.None || !this.props.isSelected() ? "" : "-interactive"; const classname = "videoBox-content" + (this._fullScreen ? "-fullScreen" : "") + interactive; - const opacity = this._scrubbing ? 0.5 : (this._controlsVisible ? 1 : 0); + const opacity = this._scrubbing ? 0.3 : (this._controlsVisible ? 1 : 0); return !field ? <div key="loading">Loading</div> : <div className="videoBox-contentContainer" key="container" style={{ mixBlendMode: "multiply", cursor: this._fullScreen && !this._controlsVisible ? 'none' : 'pointer' }}> <div className={classname} ref={this.setContentRef} onPointerDown={(e) => this._fullScreen && e.stopPropagation()}> @@ -862,7 +862,7 @@ export class VideoBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProp const vidHeight = height * this.heightPercent / 100; const yPos = top + vidHeight - uiHeight - uiMargin; const xPos = uiHeight / vidHeight > 0.4 ? right + 10 : left + 10; - const opacity = this._scrubbing ? 0.5 : (this._controlsVisible ? 1 : 0); + const opacity = this._scrubbing ? 0.3 : (this._controlsVisible ? 1 : 0); return this._fullScreen || (right - left) < 50 ? null : <div className="videoBox-ui-wrapper" style={{ clip: `rect(${boundsTop}px, 10000px, 10000px, ${boundsLeft}px)` }}> <div className="videoBox-ui" style={{ left: xPos, top: yPos, height: uiHeight, width: width - 20, transition: this._clicking ? "top 0.5s" : "", opacity: opacity}}> {this.UIButtons} |