_page-tree.scss 899 B

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