jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/scrollstyles.css
2016-12-05 13:46:38 -05:00

55 lines
1.3 KiB
CSS

.smoothScrollX, .hiddenScrollX {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-y: hidden;
scroll-behavior: smooth;
white-space: nowrap;
}
.hiddenScrollX, .layout-tv .smoothScrollX {
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.hiddenScrollX::-webkit-scrollbar, .layout-tv .smoothScrollX::-webkit-scrollbar {
height: 0 !important;
display: none;
}
.smoothScrollY, .hiddenScrollY {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
scroll-behavior: smooth;
}
.hiddenScrollY, .layout-tv .smoothScrollY {
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.hiddenScrollY::-webkit-scrollbar, .layout-tv .smoothScrollY::-webkit-scrollbar {
width: 0 !important;
display: none;
}
.darkScroller::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.darkScroller::-webkit-scrollbar-button:start:decrement,
.darkScroller::-webkit-scrollbar-button:end:increment {
display: none;
}
.darkScroller::-webkit-scrollbar-track-piece {
background-color: #3b3b3b;
}
.darkScroller::-webkit-scrollbar-thumb:vertical, .darkScroller::-webkit-scrollbar-thumb:horizontal {
-webkit-border-radius: 2px;
background: #888 no-repeat center;
}