Merge pull request #611 from feross/close_caption

Use correct icon name
This commit is contained in:
Feross Aboukhadijeh
2016-06-01 19:14:41 -07:00
2 changed files with 5 additions and 8 deletions

View File

@@ -715,10 +715,7 @@ body.drag .app::after {
font-size: 22px; font-size: 22px;
opacity: 0.85; opacity: 0.85;
/* /* Make all icons have uniform spacing */
* Fix for overflowing captions icon
* https://github.com/feross/webtorrent-desktop/issues/467
*/
max-width: 23px; max-width: 23px;
overflow: hidden; overflow: hidden;
} }
@@ -754,7 +751,7 @@ body.drag .app::after {
opacity: 0.8; opacity: 0.8;
} }
.player .controls .icon.closed-captions { .player .controls .icon.closed-caption {
font-size: 26px; font-size: 26px;
margin-top: 6px; margin-top: 6px;
} }
@@ -822,7 +819,7 @@ body.drag .app::after {
transition-timing-function: ease-out; transition-timing-function: ease-out;
} }
.player .controls .closed-captions.active, .player .controls .closed-caption.active,
.player .controls .device.active { .player .controls .device.active {
color: #9af; color: #9af;
} }

View File

@@ -369,10 +369,10 @@ function renderPlayerControls (state) {
if (state.playing.type === 'video') { if (state.playing.type === 'video') {
// show closed captions icon // show closed captions icon
elements.push(hx` elements.push(hx`
<i.icon.closed-captions.float-right <i.icon.closed-caption.float-right
class=${captionsClass} class=${captionsClass}
onclick=${handleSubtitles}> onclick=${handleSubtitles}>
closed_captions closed_caption
</i> </i>
`) `)
} }