dashboard-ui/modules/emby-elements/emby-scrollbuttons/emby-scrollbuttons.css
2023-08-31 15:30:17 +02:00

1 line
1.1 KiB
CSS

.scrollbuttoncontainer{position:absolute;bottom:15%;height:80%;height:calc(85% - 1.5em);height:max(calc(85% - 1.5em),2em);-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:99999;display:none;overflow:hidden}.scrollbuttoncontainer-backwards{left:0;inset-inline-start:0;inset-inline-end:initial}.scrollbuttoncontainer-forwards{right:0;inset-inline-start:initial;inset-inline-end:0}.emby-scrollbuttons-scrollbutton{margin:0}.emby-scrollbuttons{display:none;font-size:1.9em}@media (hover:hover) and (pointer:fine){.emby-scrollbuttons{display:-webkit-flex;display:flex}.emby-scrollbuttons-scroller{position:relative}.emby-scrollbuttons-scroller:hover .scrollbuttoncontainer{display:-webkit-flex;display:flex}.emby-scrollbuttons-scrollbutton{transition:-webkit-transform 180ms ease-out;transition:transform 180ms ease-out}.scrollbuttoncontainer:hover>.emby-scrollbuttons-scrollbutton{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.emby-scrollbuttons-scrollSlider::after{content:"";border:solid transparent;border-width:0 2.5em}}