style: update accordion button

razonyang · Jul 25, 2022 · 7ceb845 · 7ceb845
1 parent 2ac6568
commit 7ceb845
Show file tree

Hide file tree

Showing 11 changed files with 21 additions and 21 deletions.
diff --git a/assets/main/scss/_surface.scss b/assets/main/scss/_surface.scss
@@ -4,7 +4,7 @@
 }
 
 .bg-surface {
-  color: var(--#{$prefix}surface-bg) !important;
+  background-color: var(--#{$prefix}surface-bg) !important;
 }
 
 .text-surface {

diff --git a/layouts/partials/docs/repo.html b/layouts/partials/docs/repo.html
@@ -9,9 +9,9 @@
     <div class="accordion-item docs-repo row card component">
         <div class="card-header accordion-header" id="repo-header">
             <h2 class="card-title fs-4 my-2 text-surface d-none d-lg-block">{{ i18n "repo_title" }}</h2>
-            <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#repo" aria-expanded="false" aria-controls="repo">
+            <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#repo" aria-expanded="false" aria-controls="repo">
                 {{ i18n "repo_title" }}
-            </button>
+            </a>
         </div>
         <div class="card-body collapse accordion-collapse accordion-body text-secondary-on-surface d-lg-block" id="repo" aria-labelledby="repo-header">
             <ul class="list-unstyled">

diff --git a/layouts/partials/sidebar/archive.html b/layouts/partials/sidebar/archive.html
@@ -12,9 +12,9 @@ <h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block">
             {{ i18n "archives" }}
             {{- end }}
         </h2>
-        <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#archives" aria-expanded="false" aria-controls="archives">
+        <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#archives" aria-expanded="false" aria-controls="archives">
             {{ i18n "archives" }}
-        </button>
+        </a>
       </div>
       <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="archives">
         {{- partial "sidebar/archive-items" . }}

diff --git a/layouts/partials/sidebar/featured-posts.html b/layouts/partials/sidebar/featured-posts.html
@@ -6,9 +6,9 @@
     <section class="featured-posts row card component">
       <div class="card-header">
         <h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block">{{ i18n "featured_posts" }}</h2>
-        <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#featured-posts" aria-expanded="false" aria-controls="featured-posts">
+        <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#featured-posts" aria-expanded="false" aria-controls="featured-posts">
             {{ i18n "featured_posts" }}
-        </button>
+        </a>
       </div>
       <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="featured-posts">
         <ul class="post-list list-unstyled ms-1">

diff --git a/layouts/partials/sidebar/posts-toggle.html b/layouts/partials/sidebar/posts-toggle.html
@@ -19,9 +19,9 @@
 <div class="accordion">
     <section class="taxonomies row card component accordion-item">
         <div class="accordion-header card-header">
-            <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#posts-toggle" aria-expanded="false" aria-controls="posts-toggle">
+            <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#posts-toggle" aria-expanded="false" aria-controls="posts-toggle">
                 {{ i18n "posts" }}
-            </button>
+            </a>
         </div>
         <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="posts-toggle">
             <ul class="nav nav-pills nav-fill" id="myTab" role="tablist">

diff --git a/layouts/partials/sidebar/profile/compact.html b/layouts/partials/sidebar/profile/compact.html
@@ -1,9 +1,9 @@
 <div class="accordion">
   <div class="accordion-item profile profile-compact card row component">
     <div class="accordion-header card-header border-0" id="profile-header">
-      <button class="accordion-button d-lg-none mb-2 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#profile" aria-expanded="false" aria-controls="profile">
+      <a class="accordion-button d-lg-none mb-2 collapsed shadow-none p-0 bg-transparent text-surface" type="button" data-bs-toggle="collapse" data-bs-target="#profile" aria-expanded="false" aria-controls="profile">
         {{ i18n "profile" }}
-      </button>
+      </a>
     </div>
     <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="profile" aria-labelledby="profile-header">
       <div class="d-flex">

diff --git a/layouts/partials/sidebar/profile/default.html b/layouts/partials/sidebar/profile/default.html
@@ -1,9 +1,9 @@
 <div class="accordion">
   <div class="accordion-item card row text-center profile component">
     <div class="accordion-header card-header border-0" id="profile-header">
-      <button class="accordion-button d-lg-none mb-2 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#profile" aria-expanded="false" aria-controls="profile">
+      <a class="accordion-button d-lg-none mb-2 collapsed shadow-none p-0 bg-transparent text-surface" type="button" data-bs-toggle="collapse" data-bs-target="#profile" aria-expanded="false" aria-controls="profile">
         {{ i18n "profile" }}
-      </button>
+      </a>
     </div>
     <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="profile" aria-labelledby="profile-header">
       <div class="col-12 d-flex align-items-center justify-content-center">

diff --git a/layouts/partials/sidebar/recent-posts.html b/layouts/partials/sidebar/recent-posts.html
@@ -8,9 +8,9 @@
   <section class="recent-posts row card component">
     <div class="card-header">
       <h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block">{{ i18n "recent_posts" }}</h2>
-      <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#recent-posts" aria-expanded="false" aria-controls="recent-posts">
+      <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#recent-posts" aria-expanded="false" aria-controls="recent-posts">
           {{ i18n "recent_posts" }}
-      </button>
+      </a>
     </div>
     <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="recent-posts">
       <ul class="post-list list-unstyled ms-1">

diff --git a/layouts/partials/sidebar/taxonomies-toggle.html b/layouts/partials/sidebar/taxonomies-toggle.html
@@ -3,9 +3,9 @@
 <div class="accordion">
     <section class="taxonomies row card component accordion-item">
         <div class="accordion-header card-header">
-            <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#taxonomies-toggle" aria-expanded="false" aria-controls="taxonomies-toggle">
+            <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#taxonomies-toggle" aria-expanded="false" aria-controls="taxonomies-toggle">
                 {{ i18n "taxonomies" }}
-            </button>
+            </a>
         </div>
         <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="taxonomies-toggle">
             <ul class="nav nav-pills nav-fill" id="myTab" role="tablist">

diff --git a/layouts/partials/sidebar/taxonomies.html b/layouts/partials/sidebar/taxonomies.html
@@ -16,9 +16,9 @@
             <h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block">
               <a href="{{ absLangURL (urlize $key) }}">{{ i18n $key }}</a>
             </h2>
-            <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#taxonomy-{{ $key }}" aria-expanded="false" aria-controls="taxonomy-{{ $key }}">
+            <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent text-surface" type="button" data-bs-toggle="collapse" data-bs-target="#taxonomy-{{ $key }}" aria-expanded="false" aria-controls="taxonomy-{{ $key }}">
                 {{ i18n $key }}
-            </button>
+            </a>
           </div>
           <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="taxonomy-{{ $key }}">
             <div class="py-2">

diff --git a/layouts/partials/sidebar/toc.html b/layouts/partials/sidebar/toc.html
@@ -6,9 +6,9 @@
   <div class="accordion-item post-toc row mb-4 card component" id="postTOC">
     <div class="card-header accordion-header">
       <h2 class="card-title fs-4 my-2 text-surface d-none d-lg-block">{{ i18n "table_of_contents" }}</h2>
-      <button class="accordion-button d-lg-none mb-1 collapsed shadow-none px-3 py-2" type="button" data-bs-toggle="collapse" data-bs-target="#post-toc" aria-expanded="false" aria-controls="post-toc">
+      <a class="accordion-button d-lg-none mb-1 collapsed shadow-none p-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#post-toc" aria-expanded="false" aria-controls="post-toc">
         {{ i18n "table_of_contents" }}
-      </button>
+      </a>
     </div>
     <div class="card-body collapse accordion-collapse accordion-body d-lg-block" id="post-toc" aria-labelledby="post-toc-header">
       {{ $toc }}