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

Fix tooltip alignment

Browse Source
This commit is contained in:
Sam Potts 2018-08-13 23:02:14 +10:00
parent 6953a12e2a
commit 4e1df8677f
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/sass/components/tooltips.scss
View File

@ -10,6 +10,7 @@
color: $plyr-tooltip-color; color: $plyr-tooltip-color;
font-size: $plyr-font-size-small; font-size: $plyr-font-size-small;
font-weight: $plyr-font-weight-regular; font-weight: $plyr-font-weight-regular;
left: 50%;
line-height: 1.3; line-height: 1.3;
margin-bottom: ($plyr-tooltip-padding * 2); margin-bottom: ($plyr-tooltip-padding * 2);
opacity: 0; opacity: 0;
@ -64,6 +65,7 @@
// Last tooltip // Last tooltip
.plyr__controls > .plyr__control:last-child .plyr__tooltip { .plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0; right: 0;
transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%; transform-origin: 100% 100%;