From 5c55bd2d3380108c649cb4f824060cfd2fd2fca1 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Sat, 17 Oct 2020 10:34:36 +0200
Subject: [PATCH] feat(widget): new archive widget style

---
 assets/scss/partials/widgets.scss     | 27 +++++++++++-----------
 layouts/partials/widget/archives.html | 32 ++++++++++++++-------------
 2 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/assets/scss/partials/widgets.scss b/assets/scss/partials/widgets.scss
index 63fa300..33a02dd 100644
--- a/assets/scss/partials/widgets.scss
+++ b/assets/scss/partials/widgets.scss
@@ -36,27 +36,26 @@
 
 /* Archives widget */
 .widget.archives {
+    .widget-archive--list {
+        border-radius: var(--card-border-radius);
+        box-shadow: var(--shadow-l1);
+        background-color: var(--card-background);
+    }
+
     .archives-year {
-        margin-bottom: 10px;
+        &:not(:last-of-type) {
+            border-bottom: 1.5px solid var(--card-separator-color);
+        }
+
         a {
-            background-color: var(--card-background);
-            padding: 15px 25px;
-            border-radius: var(--card-border-radius);
-            box-shadow: var(--shadow-l1);
+            font-size: 1.4rem;
+            padding: 18px 25px;
             display: flex;
-            transition: box-shadow 0.3s ease;
-
-            &:hover {
-                box-shadow: var(--shadow-l2);
-            }
-
-            @media (max-width: $on-desktop-large) {
-                font-size: 1.4rem;
-            }
 
             span.year {
                 flex: 1;
                 color: var(--card-text-color-main);
+                font-weight: bold;
             }
 
             span.count {
diff --git a/layouts/partials/widget/archives.html b/layouts/partials/widget/archives.html
index d6950a4..038b669 100644
--- a/layouts/partials/widget/archives.html
+++ b/layouts/partials/widget/archives.html
@@ -8,18 +8,20 @@
     {{ $notHidden := where .Site.RegularPages "Params.hidden" "!=" true }}
     {{ $filtered := ($pages | intersect $notHidden) }}
     {{ $archives := $filtered.GroupByDate "2006" }}
-
-    {{ range $index, $item := first (add .Site.Params.widgets.archives.limit 1) ($archives) }}
-        {{- $id := lower (replace $item.Key " " "-") -}}
-        <div class="archives-year">
-            <a href="{{ $.Site.Params.widgets.archives.path | relLangURL }}#{{ $id }}">
-                {{ if eq $index $.Site.Params.widgets.archives.limit }}
-                    <span class="year">{{ T "widgetArchivesMore" }}</span>
-                {{ else }}
-                    <span class="year">{{ .Key }}</span>
-                    <span class="count">{{ len $item.Pages }}</span>
-                {{ end }}
-            </a> 
-        </div>
-    {{ end }}
-</section>
+    
+    <div class="widget-archive--list">
+        {{ range $index, $item := first (add .Site.Params.widgets.archives.limit 1) ($archives) }}
+            {{- $id := lower (replace $item.Key " " "-") -}}
+            <div class="archives-year">
+                <a href="{{ $.Site.Params.widgets.archives.path | relLangURL }}#{{ $id }}">
+                    {{ if eq $index $.Site.Params.widgets.archives.limit }}
+                        <span class="year">{{ T "widgetArchivesMore" }}</span>
+                    {{ else }}
+                        <span class="year">{{ .Key }}</span>
+                        <span class="count">{{ len $item.Pages }}</span>
+                    {{ end }}
+                </a> 
+            </div>
+        {{ end }}
+    </div>
+</section>
\ No newline at end of file