_comment.scss 893 B

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