ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tooltip fix (Fixes #97)

Browse Source
This commit is contained in:
Sam Potts
2015-07-21 08:51:14 +10:00
parent 4695bbf483
commit 5a414572f9
5 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/less/plyr.less
View File

@ -28,7 +28,7 @@
// Tooltips
@tooltip-bg: @controls-bg;
@tooltip-color: #fff;
@tooltip-color: @control-color;
@tooltip-padding: @control-spacing;
@tooltip-arrow-size: 5px;
@tooltip-radius: 3px;
@ -331,8 +331,9 @@
line-height: 1.5;
font-weight: 600;
transform: translate(-50%, (@tooltip-padding * 3));
transition: transform .2s .2s ease, opacity .2s .2s ease;
transform: translate(-50%, (@tooltip-padding * 3)) scale(0);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .1s ease;
&::after {
content: "";
@ -355,7 +356,7 @@
button:focus .player-tooltip {
visibility: visible;
opacity: 1;
transform: translate(-50%, 0);
transform: translate(-50%, 0) scale(1);
}
label:hover .player-tooltip,
button:hover .player-tooltip {