BookmarkFolderTree.module.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. $grw-foldertree-item-padding-left: 15px;
  2. $grw-bookmark-item-padding-left: 35px;
  3. .grw-folder-tree-container :global {
  4. .grw-foldertree-item-container, .grw-drop-item-area {
  5. & .grw-accept-drop-item {
  6. border-style: dashed !important;
  7. border-width: 0.15rem !important;
  8. }
  9. }
  10. .grw-drop-item-area {
  11. padding: 1rem;
  12. & .grw-accept-drop-item {
  13. padding: 0.7rem;
  14. }
  15. }
  16. .grw-drag-drop-container > .grw-drop-item-area {
  17. margin: 1rem;
  18. border-style: dashed !important;
  19. border-width: 0.15rem !important;
  20. }
  21. }
  22. .grw-foldertree :global {
  23. .list-group-item {
  24. .grw-visible-on-hover {
  25. display: none;
  26. }
  27. &:hover {
  28. .grw-visible-on-hover {
  29. display: block;
  30. }
  31. .page-list-meta {
  32. display: none;
  33. }
  34. }
  35. .grw-foldertree-triangle-btn {
  36. border: 0;
  37. transition: all 0.2s ease-out;
  38. transform: rotate(0deg);
  39. &.grw-foldertree-open {
  40. transform: rotate(90deg);
  41. }
  42. }
  43. .grw-foldertree-title-anchor {
  44. width: 100%;
  45. overflow: hidden;
  46. text-decoration: none;
  47. }
  48. }
  49. .grw-foldertree-item-container {
  50. .grw-triangle-container {
  51. height:30px;
  52. }
  53. .grw-bookmark-item-list{
  54. min-width: 30px;
  55. height: 50px;
  56. .picture {
  57. width: 16px;
  58. height: 16px;
  59. vertical-align: text-bottom;
  60. &.picture-md {
  61. width: 20px;
  62. height: 20px;
  63. }
  64. }
  65. .grw-foldertree-control{
  66. margin-left: auto;
  67. }
  68. }
  69. }
  70. }