diff options
| author | Sam Potts <me@sampotts.me> | 2016-01-24 11:25:31 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-01-24 11:25:31 +1100 |
| commit | a965d8a893a6885848c5c4cceab9f96265c7fa21 (patch) | |
| tree | 40bc29390472fc994333c11cbf93485e17f7aea4 /src/less | |
| parent | 173e651e3f4549b7a337e30854d1e4467940b489 (diff) | |
| download | plyr-a965d8a893a6885848c5c4cceab9f96265c7fa21.tar.lz plyr-a965d8a893a6885848c5c4cceab9f96265c7fa21.tar.xz plyr-a965d8a893a6885848c5c4cceab9f96265c7fa21.zip | |
Seek tooltip, bug fixes for SASS, fullscreen and icons
Diffstat (limited to 'src/less')
| -rw-r--r-- | src/less/plyr.less | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/less/plyr.less b/src/less/plyr.less index c3240242..8a8364e7 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -178,6 +178,7 @@ height: 100%; border: 0; user-select: none; + pointer-events: none; // To allow mouse events to be captured } // Vimeo hack @@ -322,6 +323,7 @@ // Tooltips &__tooltip { + visibility: hidden; position: absolute; z-index: 2; bottom: 100%; @@ -337,9 +339,9 @@ line-height: 1.5; font-weight: 600; - transform: translate(-50%, (@plyr-tooltip-padding * 3)) scale(.8); + transform: translate(-50%, 10px) scale(.8); transform-origin: 50% 100%; - transition: transform .2s .1s ease, opacity .2s .1s ease; + transition: transform .2s .1s ease, opacity .2s .1s ease, visibility .3s ease; // Arrows &::after, @@ -371,7 +373,9 @@ } } button:hover .plyr__tooltip, - button.tab-focus:focus .plyr__tooltip { + button.tab-focus:focus .plyr__tooltip, + &__tooltip--visible { + visibility: visible; opacity: 1; transform: translate(-50%, 0) scale(1); } @@ -484,6 +488,11 @@ border: 0; } } + + // Seek tooltip to show time + .plyr__tooltip { + left: 0; + } } // Loading state |