Merge pull request #127 from dillonzq/feature/improve_style

feat(style): improve style for header and image

assets/css/_page/_single.scss

@@ -168,7 +168,7 @@
     }
 
     img {
-      max-width: 96%;
+      max-width: 100%;
       min-height: 1.2rem;
     }
 
@@ -192,11 +192,6 @@
         height: auto;
         margin: 0 auto;
         overflow: hidden;
-        transition: all 0.2s ease-in-out;
-      }
-
-      a.lightgallery:hover img {
-        transform: scale(1.02);
       }
     }
 

assets/css/_partial/_header.scss

@@ -11,7 +11,7 @@ header {
     font-weight: bold;
   }
 
-  .select-language {
+  .language-select {
     font-weight: $global-font-weight;
     border: none;
     box-shadow: none;
@@ -32,6 +32,10 @@ header {
       cursor: pointer;
     }
   }
+
+  .theme-switch i {
+    transform: rotate(225deg);
+  }
 }
 
 #header-desktop {

i18n/en.toml

@@ -29,6 +29,9 @@ other = "More"
 # === Pagination ===
 
 # === partials/header.html ===
+[selectLanguage]
+other = "Select Language"
+
 [switchTheme]
 other = "Switch Theme"
 # === partials/header.html ===

i18n/fr.toml

@@ -29,6 +29,9 @@ other = "Plus"
 # === Pagination ===
 
 # === partials/header.html ===
+[selectLanguage]
+other = "Choisir la langue"
+
 [switchTheme]
 other = "Changer de Thème"
 # === partials/header.html ===

i18n/zh-CN.toml

@@ -29,6 +29,9 @@ other = "更多"
 # === Pagination ===
 
 # === partials/header.html ===
+[selectLanguage]
+other = "选择语言"
+
 [switchTheme]
 other = "切换主题"
 # === partials/header.html ===

layouts/partials/header.html

@@ -14,9 +14,9 @@
             {{- end -}}
             {{- if .Site.IsMultiLingual -}}
                  | 
-                <a href="javascript:void(0);" class="menu-item">
+                <a href="javascript:void(0);" class="menu-item" title="{{ T "selectLanguage" }}">
                     <i class="fas fa-language fa-fw"></i>&nbsp;
-                    <select class="select-language" onchange="location = this.value;">
+                    <select class="language-select" onchange="location = this.value;">
                         {{- range .Page.AllTranslations -}}
                             {{- $translation := . -}}
                             {{- range $.Site.Languages -}}
@@ -33,7 +33,7 @@
                 </a>
             {{- end -}}
             <a href="javascript:void(0);" class="theme-switch" title="{{ T "switchTheme" }}">
-                <i class="fas fa-adjust fa-rotate-180 fa-fw"></i>
+                <i class="fas fa-adjust fa-fw "></i>
             </a>
         </div>
     </div>
@@ -60,9 +60,9 @@
                 </a>
             {{- end -}}
             {{- if .Site.IsMultiLingual -}}
-                <a href="javascript:void(0);" class="menu-item">
+                <a href="javascript:void(0);" class="menu-item" title="{{ T "selectLanguage" }}">
                     <i class="fas fa-language fa-fw"></i>&nbsp;
-                    <select class="select-language" onchange="location = this.value;">
+                    <select class="language-select" onchange="location = this.value;">
                         {{- range .Page.AllTranslations -}}
                             {{- $translation := . -}}
                             {{- range $.Site.Languages -}}
@@ -79,7 +79,7 @@
                 </a>
             {{- end -}}
             <a href="javascript:void(0);" class="theme-switch" title="{{ T "switchTheme" }}">
-                <i class="fas fa-adjust fa-rotate-180 fa-fw"></i>
+                <i class="fas fa-adjust fa-fw"></i>
             </a>
         </div>
     </div>