diff --git a/src/@types/global.d.ts b/src/@types/global.d.ts index 9ddfb4109..a2bd3d705 100644 --- a/src/@types/global.d.ts +++ b/src/@types/global.d.ts @@ -22,6 +22,7 @@ declare namespace React { interface VideoHTMLAttributes { srcObject?: MediaStream; + defaultMuted?: boolean; } interface MouseEvent { diff --git a/src/components/common/Audio.scss b/src/components/common/Audio.scss index 132082441..c0075ed66 100644 --- a/src/components/common/Audio.scss +++ b/src/components/common/Audio.scss @@ -178,23 +178,19 @@ color: var(--color-text-secondary); font-variant-numeric: tabular-nums; display: flex; - align-items: flex-end; + align-items: center; &.unread::after { - content: "•"; - font-size: 2rem; - line-height: 1.3125rem; - color: var(--accent-color); + content: ""; + display: inline-block; + width: 0.5rem; + height: 0.5rem; + background-color: var(--accent-color); + border-radius: 50%; margin-inline-start: 0.125rem; } } - body.is-ios & { - .voice-duration.unread::after { - margin-bottom: 0.4375rem; - } - } - &:not(.own) .voice-duration span { color: var(--color-primary); } diff --git a/src/components/middle/message/RoundVideo.scss b/src/components/middle/message/RoundVideo.scss index 1bdcf00ce..900e089f6 100644 --- a/src/components/middle/message/RoundVideo.scss +++ b/src/components/middle/message/RoundVideo.scss @@ -96,8 +96,12 @@ } .unread::after { - content: "•"; - font-size: 2rem; + content: ""; + display: inline-block; + width: 0.5rem; + height: 0.5rem; + background-color: currentColor; + border-radius: 50%; margin-inline-start: 0.125rem; } } diff --git a/src/components/middle/message/RoundVideo.tsx b/src/components/middle/message/RoundVideo.tsx index 6a668a66d..821076aef 100644 --- a/src/components/middle/message/RoundVideo.tsx +++ b/src/components/middle/message/RoundVideo.tsx @@ -287,6 +287,7 @@ const RoundVideo: FC = ({ autoPlay={!shouldRenderSpoiler} disablePictureInPicture muted={!isActivated} + defaultMuted loop={!isActivated} playsInline isPriority diff --git a/src/components/middle/message/Video.tsx b/src/components/middle/message/Video.tsx index 86257def5..3de70aa80 100644 --- a/src/components/middle/message/Video.tsx +++ b/src/components/middle/message/Video.tsx @@ -252,6 +252,7 @@ const Video = ({ src={fullMediaData} className={buildClassName('full-media', withBlurredBackground && 'with-blurred-bg')} canPlay={isPlayAllowed && isIntersectingForPlaying && !isUnsupported} + defaultMuted muted loop playsInline