heckyel/mediagoblin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make play button a button instead of div

Browse Source 
More attempts to make mg acessible
This commit is contained in:
Boris Bobrov 2017-04-03 00:23:24 +03:00
parent 7bf8f03f64
commit 697e6c5cbc
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
mediagoblin/static/css/audio.css
View File

@ -24,10 +24,11 @@
font-size: 40px; font-size: 40px;
width: 50px; width: 50px;
text-shadow: 0 0 10px black; text-shadow: 0 0 10px black;
background: none;
border: none;
} }
.audio-control-play-pause.playing { .audio-control-play-pause.playing {
color: #b71500; color: #b71500;
letter-spacing: -17px;
margin-left: -7px; margin-left: -7px;
} }
.audio-control-play-pause.paused { .audio-control-play-pause.paused {

2
mediagoblin/templates/mediagoblin/media_displays/audio.html
View File

@ -33,7 +33,7 @@
<div class="playhead"></div> <div class="playhead"></div>
<div class="buffered-indicators"></div> <div class="buffered-indicators"></div>
<div class="seekbar"></div> <div class="seekbar"></div>
<div class="audio-control-play-pause paused" aria-label="Play">▶</div> <button class="audio-control-play-pause paused" aria-label="Play">▶</button>
<div class="audio-currentTime" aria-label="current time">00:00</div> <div class="audio-currentTime" aria-label="current time">00:00</div>
<input type="range" class="audio-volume" value="1" min="0" max="1" step="0.001" aria-label="volume" /> <input type="range" class="audio-volume" value="1" min="0" max="1" step="0.001" aria-label="volume" />
<img src="{{ request.app.public_store.file_url( <img src="{{ request.app.public_store.file_url(