fix(theme): details icon not hidden in some browser

Former-commit-id: c3294969f78553ed759bbcfef267bf177342cc17

1 files changed, 14 insertions, 12 deletions

diff --git a/assets/css/components/_pages.scss b/assets/css/components/_pages.scss
index 503af72e..d9ac3efc 100644
--- a/assets/css/components/_pages.scss
+++ b/assets/css/components/_pages.scss
@@ -260,18 +260,20 @@ section.taxonomy {
     }
 
     .posts-month-archive {
-        summary {
-            list-style: none;
-
-            .posts-month-title {
-                font-size: 1.1rem;
-                border-bottom: 1px dashed var(--border-color);
-                display: inline-block;
-                width: 100%;
-                padding: 0.5rem 0.25rem;
-                margin: 0;
-                @include section-title;
-            }
+        details, summary {
+            appearance: none;
+            list-style-type: none;
+            -webkit-appearance: none;
+            &::marker { display: none }
+        }
+        .posts-month-title {
+            font-size: 1.1rem;
+            border-bottom: 1px dashed var(--border-color);
+            display: inline-block;
+            width: 100%;
+            padding: 0.5rem 0.25rem;
+            margin: 0;
+            @include section-title;
         }
     }
 }