_page-tree.scss 821 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .grw-pagetree {
  2. .grw-pagetree-item-wrapper {
  3. margin-top: 10px;
  4. margin-left: 10px;
  5. }
  6. .grw-pagetree-item {
  7. &:hover {
  8. opacity: 0.7;
  9. .grw-pagetree-control {
  10. display: flex !important;
  11. }
  12. .grw-pagetree-count {
  13. display: none;
  14. }
  15. }
  16. .grw-pagetree-button {
  17. background-color: transparent;
  18. &.rotate {
  19. transform: rotate(90deg);
  20. }
  21. }
  22. .grw-pagetree-title-anchor {
  23. width: 100%;
  24. overflow: hidden;
  25. .grw-pagetree-title {
  26. overflow: hidden;
  27. font-size: medium;
  28. text-overflow: ellipsis;
  29. }
  30. }
  31. .grw-pagetree-count-wrapper {
  32. display: inline-block;
  33. &:hover {
  34. display: none;
  35. }
  36. .grw-pagetree-count {
  37. padding: 0.3rem 1rem;
  38. }
  39. }
  40. }
  41. }