scrollpanel.css 957 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .ui-scrollpanel-wrapper {
  2. overflow: hidden;
  3. width: 100%;
  4. height: 100%;
  5. position: relative;
  6. z-index: 1;
  7. float: left;
  8. }
  9. .ui-scrollpanel-content {
  10. height: calc(100% + 18px);
  11. width: calc(100% + 18px);
  12. padding: 0 18px 18px 0;
  13. position: relative;
  14. overflow: auto;
  15. box-sizing: border-box;
  16. }
  17. .ui-scrollpanel-bar {
  18. position: relative;
  19. background: #c1c1c1;
  20. border-radius: 3px;
  21. z-index: 2;
  22. cursor: pointer;
  23. opacity: 0;
  24. transition: opacity 0.25s linear;
  25. }
  26. .ui-scrollpanel-bar-y {
  27. width: 9px;
  28. top: 0;
  29. }
  30. .ui-scrollpanel-bar-x {
  31. height: 9px;
  32. bottom: 0;
  33. }
  34. .ui-scrollpanel-hidden {
  35. visibility: hidden;
  36. }
  37. .ui-scrollpanel:hover .ui-scrollpanel-bar,
  38. .ui-scrollpanel:active .ui-scrollpanel-bar {
  39. opacity: 1;
  40. }
  41. .ui-scrollpanel-grabbed {
  42. -o-user-select: none;
  43. -ms-user-select: none;
  44. -moz-user-select: none;
  45. -webkit-user-select: none;
  46. user-select: none;
  47. }