From af2b4a1951e78aa9f8e3e54630b4975facacde8f Mon Sep 17 00:00:00 2001
From: Cell <1024@lruihao.cn>
Date: Sat, 10 Sep 2022 14:44:06 +0800
Subject: [PATCH] :lipstick: Style: fix language and theme switch cursor style
 (#193)

---
 CHANGELOG.md                      | 1 +
 assets/css/_core/_base.scss       | 4 ++++
 assets/css/_partials/_header.scss | 6 ++++++
 layouts/partials/header.html      | 8 ++++----
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 66519b2b..157dae5a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -35,6 +35,7 @@ All notable changes to this project will be documented in this file.
 - :bug: Fix: typeit shortcode invalid config `duration = -1` and fix style
 - :bug: Fix: typeit shortcode prints consecutive spaces and newline errors
 - :art: Style: change the default icons of some social links
+- :lipstick: Style: fix language and theme switch cursor style ([#193](https://github.com/hugo-fixit/FixIt/issues/193))
 - :globe_with_meridians: Docs(i18n): update pt-br, de in i18n
 - :mag: Perf(SEO): enhance SEO performance
 - :wrench: Chore: modify babel config and optimize theme.js compilation and loading
diff --git a/assets/css/_core/_base.scss b/assets/css/_core/_base.scss
index 466b772f..a4a8de7f 100644
--- a/assets/css/_core/_base.scss
+++ b/assets/css/_core/_base.scss
@@ -59,6 +59,10 @@ iframe {
   @include border-radius($global-border-radius);
 }
 
+[role=button] {
+  cursor: pointer;
+}
+
 @include ms;
 @include link(true, true);
 
diff --git a/assets/css/_partials/_header.scss b/assets/css/_partials/_header.scss
index 8dc21683..5d8d47aa 100644
--- a/assets/css/_partials/_header.scss
+++ b/assets/css/_partials/_header.scss
@@ -163,7 +163,13 @@ header {
 }
 
 .theme-switch i {
+  cursor: pointer;
   @include transform(rotate(225deg));
+  @include transition(transform 0.4s ease);
+
+  &:hover {
+    @include transform(rotate(45deg));
+  }
 }
 
 #header-desktop {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 1d529151..cfbe3bb8 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -92,7 +92,7 @@
         {{- end -}}
         {{- if .Site.IsMultiLingual -}}
           <li class="menu-item language">
-            <span title="{{ T "selectLanguage" }}">
+            <span role="button" aria-label="{{ T "selectLanguage" }}" title="{{ T "selectLanguage" }}">
               {{- .Language.LanguageName -}}
               {{ dict "Class" "dropdown-icon fa-solid fa-chevron-down" | partial "plugin/icon.html" }}
             </span>
@@ -102,7 +102,7 @@
                   {{- if ne . $.Site -}}
                     {{- $link := printf "%v/404.html" .LanguagePrefix -}}
                     <li class="menu-item">
-                      <a href="{{ $link }}" title="{{- .Language.LanguageName -}}">
+                      <a href="{{ $link }}" class="menu-link" title="{{- .Language.LanguageName -}}">
                         {{- .Language.LanguageName -}}
                       </a>
                     </li>
@@ -112,7 +112,7 @@
                 {{- range .AllTranslations -}}
                   {{- if ne .Lang $.Lang -}}
                     <li class="menu-item">
-                      <a href="{{ .RelPermalink }}" title="{{- .Language.LanguageName -}}">
+                      <a href="{{ .RelPermalink }}" class="menu-link" title="{{- .Language.LanguageName -}}">
                         {{- .Language.LanguageName -}}
                       </a>
                     </li>
@@ -279,7 +279,7 @@
         </li>
         {{- if .Site.IsMultiLingual -}}
           <li class="menu-item language">
-            <span title="{{ T "selectLanguage" }}">
+            <span role="button" aria-label="{{ T "selectLanguage" }}" title="{{ T "selectLanguage" }}">
               {{- .Language.LanguageName -}}
               {{ dict "Class" "dropdown-icon fa-solid fa-chevron-down" | partial "plugin/icon.html" }}
             </span>