💄 Style: fix language and theme switch cursor style (#193)

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

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);
 

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 {

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>