moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'audio-styles' into 'develop' 

Fix: audio player track position opacity missing

Closes #1381

See merge request soapbox-pub/soapbox!2302
This commit is contained in:
marcin mikołajczak 2023-02-19 21:01:28 +00:00
parent d7c9c035a2 9d6c698d31
commit eaa060c4bd
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
CHANGELOG.md
View File

@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Fixed ### Fixed
- Posts: fixed emojis being cut off in reactions modal. - Posts: fixed emojis being cut off in reactions modal.
- Posts: fix audio player progress bar visibility.
## [3.2.0] - 2023-02-15 ## [3.2.0] - 2023-02-15
@ -25,7 +26,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Reactions: adds support for reacting to chat messages. - Reactions: adds support for reacting to chat messages.
- Groups: initial support for groups. - Groups: initial support for groups.
- Profile: add RSS link to user profiles. - Profile: add RSS link to user profiles.
- Posts: fix posts filtering.
- Chats: reset chat message field height after sending a message. - Chats: reset chat message field height after sending a message.
- Admin: allow to manage announcements. - Admin: allow to manage announcements.
@ -46,6 +46,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- index.html: remove `referrer` meta tag so it doesn't conflict with backend's `Referrer-Policy` header. - index.html: remove `referrer` meta tag so it doesn't conflict with backend's `Referrer-Policy` header.
- Modals: fix media modal automatically switching to video. - Modals: fix media modal automatically switching to video.
- Navigation: profile dropdown erratic behavior. - Navigation: profile dropdown erratic behavior.
- Posts: fix posts filtering.
### Removed ### Removed
- Admin: single user mode. Now the homepage can be redirected to any URL. - Admin: single user mode. Now the homepage can be redirected to any URL.

4
app/soapbox/features/audio/index.tsx
View File

@ -499,13 +499,13 @@ const Audio: React.FC<IAudio> = (props) => {
<div <div
className='video-player__seek__progress' className='video-player__seek__progress'
style={{ width: `${progress}%`, backgroundColor: _getAccentColor() }} style={{ width: `${progress}%`, backgroundColor: accentColor }}
/> />
<span <span
className={clsx('video-player__seek__handle', { active: dragging })} className={clsx('video-player__seek__handle', { active: dragging })}
tabIndex={0} tabIndex={0}
style={{ left: `${progress}%`, backgroundColor: _getAccentColor() }} style={{ left: `${progress}%`, backgroundColor: accentColor }}
onKeyDown={handleAudioKeyDown} onKeyDown={handleAudioKeyDown}
/> />
</div> </div>

4
app/styles/components/audio-player.scss
View File

@ -8,11 +8,11 @@
.video-player__volume::before, .video-player__volume::before,
.video-player__seek::before { .video-player__seek::before {
@apply bg-current opacity-[15]; @apply bg-white/10;
} }
.video-player__seek__buffer { .video-player__seek__buffer {
@apply bg-current opacity-20; @apply bg-white/20;
} }
.video-player__buttons button { .video-player__buttons button {