index.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. .ant-comment {
  4. position: relative;
  5. background-color: inherit;
  6. }
  7. .ant-comment-inner {
  8. display: flex;
  9. padding: 16px 0;
  10. }
  11. .ant-comment-avatar {
  12. position: relative;
  13. flex-shrink: 0;
  14. margin-right: 12px;
  15. cursor: pointer;
  16. }
  17. .ant-comment-avatar img {
  18. width: 32px;
  19. height: 32px;
  20. border-radius: 50%;
  21. }
  22. .ant-comment-content {
  23. position: relative;
  24. flex: 1 1 auto;
  25. min-width: 1px;
  26. font-size: 14px;
  27. word-wrap: break-word;
  28. }
  29. .ant-comment-content-author {
  30. display: flex;
  31. flex-wrap: wrap;
  32. justify-content: flex-start;
  33. margin-bottom: 4px;
  34. font-size: 14px;
  35. }
  36. .ant-comment-content-author > a,
  37. .ant-comment-content-author > span {
  38. padding-right: 8px;
  39. font-size: 12px;
  40. line-height: 18px;
  41. }
  42. .ant-comment-content-author-name {
  43. color: rgba(0, 0, 0, 0.45);
  44. font-size: 14px;
  45. transition: color 0.3s;
  46. }
  47. .ant-comment-content-author-name > * {
  48. color: rgba(0, 0, 0, 0.45);
  49. }
  50. .ant-comment-content-author-name > *:hover {
  51. color: rgba(0, 0, 0, 0.45);
  52. }
  53. .ant-comment-content-author-time {
  54. color: #ccc;
  55. white-space: nowrap;
  56. cursor: auto;
  57. }
  58. .ant-comment-content-detail p {
  59. margin-bottom: inherit;
  60. white-space: pre-wrap;
  61. }
  62. .ant-comment-actions {
  63. margin-top: 12px;
  64. margin-bottom: inherit;
  65. padding-left: 0;
  66. }
  67. .ant-comment-actions > li {
  68. display: inline-block;
  69. color: rgba(0, 0, 0, 0.45);
  70. }
  71. .ant-comment-actions > li > span {
  72. margin-right: 10px;
  73. color: rgba(0, 0, 0, 0.45);
  74. font-size: 12px;
  75. cursor: pointer;
  76. transition: color 0.3s;
  77. user-select: none;
  78. }
  79. .ant-comment-actions > li > span:hover {
  80. color: #595959;
  81. }
  82. .ant-comment-nested {
  83. margin-left: 44px;
  84. }
  85. .ant-comment-rtl {
  86. direction: rtl;
  87. }
  88. .ant-comment-rtl .ant-comment-avatar {
  89. margin-right: 0;
  90. margin-left: 12px;
  91. }
  92. .ant-comment-rtl .ant-comment-content-author > a,
  93. .ant-comment-rtl .ant-comment-content-author > span {
  94. padding-right: 0;
  95. padding-left: 8px;
  96. }
  97. .ant-comment-rtl .ant-comment-actions {
  98. padding-right: 0;
  99. }
  100. .ant-comment-rtl .ant-comment-actions > li > span {
  101. margin-right: 0;
  102. margin-left: 10px;
  103. }
  104. .ant-comment-rtl .ant-comment-nested {
  105. margin-right: 44px;
  106. margin-left: 0;
  107. }
  108. nz-comment {
  109. display: block;
  110. }
  111. nz-comment-content {
  112. display: block;
  113. }