修复评论插件遮挡问题

src/css/style.less

@@ -21,8 +21,8 @@
   -webkit-tap-highlight-color: transparent;
 }
 
-//todo 强制给评论插件增加z-index
+//强制给评论插件增加z-index
-#comment-wrapper {
+.comment-wrapper-z-index {
   z-index: 9999;
   position: relative;
 }
@@ -4869,9 +4869,6 @@ button.swiper-pagination-bullet {
   &-comment {
     padding: 12px 0 2px 0;
     display: none;
-    //todo 强制给评论插件增加z-index
-    position: relative;
-    z-index: 9999;
   }
 }
 

templates/links.html

@@ -47,7 +47,7 @@
                 </div>
             </div>
         </div>
-        <div class="card card-content" id="comment-wrapper" th:if="${enableComment}">
+        <div class="card card-content comment-wrapper-z-index" id="comment-wrapper" th:if="${enableComment}">
             <h3 class="comment-title">评论</h3>
             <halo:comment
                     group="content.halo.run"

templates/main/article.html

@@ -90,7 +90,7 @@
         </div>
     </th:block>
 
-    <div class="card card-content" id="comment-wrapper" th:if="${enableComment}">
+    <div class="card card-content comment-wrapper-z-index" id="comment-wrapper" th:if="${enableComment}">
         <h3 class="comment-title">评论</h3>
         <halo:comment
                 group="content.halo.run"

templates/moments.html

@@ -45,7 +45,7 @@
           <span class="name">[[${moment.owner.displayName}]]</span>
         </div>
       </div>
-      <div class="journal-comment" th:if="${enableComment}">
+      <div class="journal-comment comment-wrapper-z-index" th:if="${enableComment}">
         <halo:comment
                 group="moment.halo.run"
                 kind="Moment"