fix(theme): 修复部分交互与样式问题

theme-terminal/src/styles/header.scss

@@ -49,6 +49,7 @@
       z-index: 99;
       top: 35px;
       left: 0;
+      display: none;
       margin: 0;
       padding: 10px;
       list-style: none;
@@ -66,6 +67,17 @@
           margin-right: 0;
         }
       }
+      
+      &.open {
+        display: block;
+      }
     }
   }
+
+  .button {
+    background-color: transparent;
+    color: var(--foreground);
+    margin: 0 0 0 .5rem;
+    padding: 0;
+  }
 }

theme-terminal/src/styles/main.scss

@@ -259,20 +259,3 @@ hr {
   background: var(--foreground);
   height: 1px;
 }
-
-.hidden {
-  display: none;
-}
-
-#theme-toggle {
-  background-color: transparent;
-  color: var(--foreground);
-  margin: 0 0 0 .5rem;
-  padding: 0;
-}
-#search-button {
-  background-color: transparent;
-  color: var(--foreground);
-  margin: 0 0 0 .5rem;
-  padding: 0;
-}

theme-terminal/src/styles/post.scss

@@ -166,3 +166,8 @@
     text-decoration: underline;
   }
 }
+
+.comment-wrap {
+  position: relative;
+  z-index: 2;
+}

theme-terminal/templates/modules/header.html

@@ -7,8 +7,8 @@
       </a>
       <div class="dividing"></div>
       <button
-        id="search-button"
         type="button"
+        class="button"
         th:if="${pluginFinder.available('PluginSearchWidget')}"
         onclick="SearchWidget.open()"
       >
@@ -24,7 +24,7 @@
           <svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2h8v2H6zM4 6V4h2v2zm0 8H2V6h2zm2 2H4v-2h2zm8 0v2H6v-2zm2-2h-2v2h2v2h2v2h2v2h2v-2h-2v-2h-2v-2h-2zm0-8h2v8h-2zm0 0V4h-2v2z"/></svg>
         </th:block>
       </button>
-      <button type="button" x-data="themeMode()" @click="handleToggleThemeMode()">
+      <button type="button" class="button" x-data="themeMode()" @click="handleToggleThemeMode()">
         <th:block th:unless="${theme.config.basic.pixel_style}">
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -56,7 +56,7 @@
           <ul 
             th:if="${not #lists.isEmpty(menuItem.children)}"
             class="menu__sub-inner" 
-            :class="{'hidden': !isOpen}"
+            :class="{'open': isOpen}"
           >
             <li th:each="childMenuItem : ${menuItem.children}">
               <a 

theme-terminal/templates/moments.html

@@ -4,8 +4,8 @@
   th:replace="~{modules/layout :: html(header = null, content = ~{::content}, footer = null)}"
 >
   <th:block th:fragment="content">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
-    <script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script>
+    <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
+    <script src="https://gcore.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script>
     <div class="content">
       <div class="moments" x-data="upvote('moment','moment.halo.run','moments')">
         <div

theme-terminal/templates/post.html

@@ -23,7 +23,7 @@
         <div th:utext="${post.content.content}">Post Content</div>
       </div>
     </div>
-    <div th:if="${haloCommentEnabled}">
+    <div class="comment-wrap" th:if="${haloCommentEnabled}">
       <h2>评论</h2>
       <halo:comment
         group="content.halo.run"