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

Safari fix (fixes #96), YouTube tweaks, docs

Browse Source
This commit is contained in:
Sam Potts
2015-07-25 19:51:32 +10:00
parent df64fdac9e
commit e9cdbfb8da
18 changed files with 338 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/less/plyr.less
View File

@ -316,6 +316,8 @@
// Tooltips
&-tooltip {
@border-base: darken(@tooltip-bg, 8%);
visibility: hidden;
position: absolute;
z-index: 2;
@ -325,6 +327,7 @@
opacity: 0;
background: @tooltip-bg;
border: 1px solid @border-base;
border-radius: @tooltip-radius;
color: @tooltip-color;
font-size: @font-size-small;
@ -334,20 +337,23 @@
transform: translate(-50%, (@tooltip-padding * 3)) scale(0);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .1s ease;
// Arrow
&::after {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
bottom: -@tooltip-arrow-size;
margin-left: -@tooltip-arrow-size;
width: 0;
height: 0;
transition: inherit;
border-style: solid;
border-width: @tooltip-arrow-size @tooltip-arrow-size 0 @tooltip-arrow-size;
border-color: @controls-bg transparent transparent;
display: block;
width: 10px;
height: 10px;
background: @tooltip-bg;
transform: translate(-50%, -50%) rotate(45deg) translateY(2px);
@arrow-border-color: darken(@border-base, 5%);
border: 1px solid rgba(red(@arrow-border-color), green(@arrow-border-color), blue(@arrow-border-color), .8);
border-width: 0 1px 1px 0;
}
}
label:hover .player-tooltip,