diff options
| author | Sam Potts <me@sampotts.me> | 2015-07-21 08:51:14 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2015-07-21 08:51:14 +1000 |
| commit | 5a414572f9fd93371eec2f64a23dfcdd61cc8d4c (patch) | |
| tree | 2c63d4bf52278d120d6f5159b5954280f92c78e2 /src/less | |
| parent | 4695bbf48370b0238cecef88dfee9195f7312414 (diff) | |
| download | plyr-5a414572f9fd93371eec2f64a23dfcdd61cc8d4c.tar.lz plyr-5a414572f9fd93371eec2f64a23dfcdd61cc8d4c.tar.xz plyr-5a414572f9fd93371eec2f64a23dfcdd61cc8d4c.zip | |
Tooltip fix (Fixes #97)
Diffstat (limited to 'src/less')
| -rw-r--r-- | src/less/plyr.less | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less index ecc37e37..5ff29b3a 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -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 { |