From 879fab29eb98d9b299d77f05184fd10524c4fbbb Mon Sep 17 00:00:00 2001
From: Junyi Hou <hji200914@gmail.com>
Date: Sat, 18 Nov 2023 19:54:41 +0800
Subject: [PATCH] add: disable select for some component.

---
 assets/css/dark.css              |  6 +++++-
 assets/css/light.css             |  4 ++++
 assets/css/main.css              | 19 +++++++++++++++++--
 layouts/partials/footer.html     |  2 +-
 layouts/partials/header.html     |  4 ++--
 layouts/partials/pagination.html |  2 +-
 layouts/partials/post-info.html  |  2 +-
 7 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/assets/css/dark.css b/assets/css/dark.css
index 1865e78..ecb7024 100644
--- a/assets/css/dark.css
+++ b/assets/css/dark.css
@@ -21,13 +21,17 @@
 --bq-color: #ccc;
 --hr-color: #333;
 
---pagination-bg-color: #373737;
+--pagination-bg-color: #2e2e33;
 --pagination-link-color: #b6b6b6;
+--pagination-border-color: #333333;
+--pagination-border-radius: 5px;
 
 --post-info-color: grey;
 
 --switcher-color: #333;
 --switcher-bg-color: #fff;
+--switcher-border-color: #333333
+--switcher-border-radius: 5px;
 
 --svg-color: #ccc;
 --svg-state-color:#ff5858;
diff --git a/assets/css/light.css b/assets/css/light.css
index c68c282..df05b45 100644
--- a/assets/css/light.css
+++ b/assets/css/light.css
@@ -25,11 +25,15 @@
 
     --pagination-bg-color: #fafafa;
     --pagination-link-color: #696969;
+    --pagination-border-color: #eeeeee;
+    --pagination-border-radius: 5px;
 
     --post-info-color: grey;
 
     --switcher-color: #fff;
     --switcher-bg-color: #333; 
+    --switcher-border-color: #eeeeee;
+    --switcher-border-radius: 5px;
 
     --svg-color: #333;
     --svg-state-color: #a31d1d;
diff --git a/assets/css/main.css b/assets/css/main.css
index 1ede1a3..307d07a 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -650,8 +650,10 @@ code.has-jax {
 }
 
 .pagination-item {
+    border: 1px solid var(--pagination-border-color);
+    border-radius: var(--pagination-border-radius);
     background: var(--pagination-bg-color);
-    padding: 0.75em 0.75em;
+    padding: 0.25em 0.75em;
 }
 
 .pagination-item a {
@@ -709,7 +711,8 @@ ul.language-select > li, ul.footer-menu > li {
     background: var(--switcher-bg-color);
     padding: 0.5em 1em;
     font-size: 16px;
-    border: none;
+    border: 1px solid var(--switcher-border-color);
+    border-radius: var(--switcher-border-radius);
     margin-bottom: 1em;
 }
 
@@ -760,6 +763,18 @@ ul.language-select > li, ul.footer-menu > li {
     margin: 8px;
 }
 
+/* Others */
+.noselect {
+    -webkit-touch-callout: none; /* iOS Safari */
+      -webkit-user-select: none; /* Safari */
+       -khtml-user-select: none; /* Konqueror HTML */
+         -moz-user-select: none; /* Firefox */
+          -ms-user-select: none; /* Internet Explorer/Edge */
+              user-select: none; /* Non-prefixed version, currently
+                                    supported by Chrome and Opera */
+}
+
+
 /* Media Queries */
 
 @media (max-width: 840px) {
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 46dea49..c303eb5 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<footer class="common-footer">
+<footer class="common-footer noselect">
     {{ $languagesCount := $.Site.Home.AllTranslations }}
     {{ if gt $languagesCount 1 }}
         {{ partial "language-switcher.html" . }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index eb4af00..6dc1d42 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,9 +1,9 @@
-<div class="header-top">
+<div class="header-top noselect">
     {{ partial "site-title.html" . }}
     {{ partial "social.html" . }}
 </div>
 {{ if .Site.Menus.main }}
-    <nav>
+    <nav class="noselect">
         {{ $currentPage := . }}
         {{ range .Site.Menus.main }}
         <a class="{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL | absLangURL }}" title="{{ .Title }}">{{ .Name }}</a>
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index 332d265..63cdcc6 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -1,7 +1,7 @@
 {{ if or ( .Paginator.HasPrev ) ( .Paginator.HasNext ) }}
     {{ $toNewPostsMessage := i18n "toNewPosts" }}
     {{ $toOldPostsMessage := i18n "toOldPosts" }}
-    <div class="pagination">
+    <div class="pagination noselect">
         <div class="left pagination-item {{ if not .Paginator.HasPrev }}disabled{{ end }}">
             {{ if .Paginator.HasPrev }}
                 <a href="{{ .Paginator.Prev.URL }}">{{ $toNewPostsMessage }}</a>
diff --git a/layouts/partials/post-info.html b/layouts/partials/post-info.html
index 5e42bdc..beafc99 100644
--- a/layouts/partials/post-info.html
+++ b/layouts/partials/post-info.html
@@ -4,7 +4,7 @@
 {{ end }}
 {{ $machineDateFormat := "2006-01-02" }}
 
-<div class="post-info">
+<div class="post-info noselect">
     {{ if .Params.date }}
         <div class="post-date dt-published">
             <a class="u-url" href="{{ .RelPermalink }}"><time datetime="{{ .Params.date.Format $machineDateFormat }}">