Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Fix more visual issues with the audio player (#11654)

Browse source 
* Fix more visual issues with the audio player

- Add horizontal baseline in the middle of waveform
- Fix audio player colors in light theme
- Use audio element instead of web audio API
- Do not render any bars until the file is loaded
- Do not allow interactions with waveform until the file is loaded

* Fix code style issue
This commit is contained in:
Eugen Rochko 2019-08-25 15:09:19 +02:00 • committed by GitHub
parent e72bac7576
commit 2e99e3cab3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 31 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/javascript/styles/mastodon/components.scss
View file

@ -5062,6 +5062,19 @@ a.status-card.compact:hover {
&__waveform {
padding: 15px 0;
position: relative;
overflow: hidden;
&::before {
content: "";
display: block;
position: absolute;
border-top: 1px solid lighten($ui-base-color, 4%);
width: 100%;
height: 0;
left: 0;
top: calc(50% + 1px);
}
}
&__progress-placeholder {