_comment.scss 970 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. // modal
  2. .page-comment-delete-modal .modal-content {
  3. .modal-body {
  4. .comment-body {
  5. max-height: 13em;
  6. // scrollable
  7. overflow-y: auto;
  8. }
  9. }
  10. }
  11. .page-comments {
  12. .page-comments-list-toggle-older {
  13. display: inline-block;
  14. font-size: 0.9em;
  15. }
  16. .page-comment {
  17. padding-top: 50px;
  18. margin-top: -50px;
  19. pointer-events: none;
  20. }
  21. .page-comment {
  22. // older comments
  23. &.page-comment-older {
  24. }
  25. // newer comments
  26. &.page-comment-newer {
  27. opacity: 0.7;
  28. &:hover {
  29. opacity: 1;
  30. }
  31. }
  32. .page-comment-meta {
  33. display: flex;
  34. justify-content: flex-end;
  35. font-size: 0.9em;
  36. color: $gray-400;
  37. }
  38. }
  39. .page-comment-main {
  40. pointer-events: auto;
  41. // delete button
  42. .page-comment-control {
  43. position: absolute;
  44. top: 0;
  45. right: 0;
  46. visibility: hidden;
  47. }
  48. &:hover > .page-comment-control {
  49. visibility: visible;
  50. }
  51. }
  52. }