Change design of audio player in web UI (#34520)
This commit is contained in:
parent
24c25ec4f5
commit
b4394ec129
26 changed files with 1476 additions and 1088 deletions
|
@ -806,7 +806,7 @@ export const Video: React.FC<{
|
|||
// The outer wrapper is necessary to avoid reflowing the layout when going into full screen
|
||||
return (
|
||||
<div>
|
||||
<div
|
||||
<div /* eslint-disable-line jsx-a11y/click-events-have-key-events */
|
||||
role='menuitem'
|
||||
className={classNames('video-player', {
|
||||
inactive: !revealed,
|
||||
|
@ -820,7 +820,7 @@ export const Video: React.FC<{
|
|||
onMouseMove={handleMouseMove}
|
||||
onMouseLeave={handleMouseLeave}
|
||||
onClick={handleClickRoot}
|
||||
onKeyDown={handleKeyDown}
|
||||
onKeyDownCapture={handleKeyDown}
|
||||
tabIndex={0}
|
||||
>
|
||||
{blurhash && (
|
||||
|
@ -845,7 +845,7 @@ export const Video: React.FC<{
|
|||
title={alt}
|
||||
lang={lang}
|
||||
onClick={handleClick}
|
||||
onKeyDown={handleVideoKeyDown}
|
||||
onKeyDownCapture={handleVideoKeyDown}
|
||||
onPlay={handlePlay}
|
||||
onPause={handlePause}
|
||||
onLoadedData={handleLoadedData}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue