refactor: better <details> style on Safari

Former-commit-id: 2089b11533ed0a630cb8ce8ff34d72fd24549b37

1 files changed, 11 insertions, 12 deletions

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