From 1c0faaf49242a3e51d0dd63ea0bc2444ce13ab37 Mon Sep 17 00:00:00 2001
From: weru <fromweru@gmail.com>
Date: Tue, 21 Feb 2023 21:23:32 +0000
Subject: [PATCH] target input appearance explicitly  #93

---
 layouts/shortcodes/chart.html |    2 +-
 layouts/partials/search.html  |    2 +-
 assets/sass/_base.sass        |    1 -
 assets/sass/_utils.sass       |    6 +++++-
 layouts/partials/mode.html    |    2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index e46c0bd..6dd092f 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -1,6 +1,5 @@
 *
   box-sizing: border-box
-  -webkit-appearance: none
   margin: 0
   padding: 0
 
diff --git a/assets/sass/_utils.sass b/assets/sass/_utils.sass
index 9eff924..94db37b 100644
--- a/assets/sass/_utils.sass
+++ b/assets/sass/_utils.sass
@@ -96,4 +96,8 @@
     opacity: 0.9
 
 .copy
-  cursor: pointer
\ No newline at end of file
+  cursor: pointer
+
+.standardize-input
+  appearance: none
+  -webkit-appearance: none
\ No newline at end of file
diff --git a/layouts/partials/mode.html b/layouts/partials/mode.html
index 29af215..c0eb280 100644
--- a/layouts/partials/mode.html
+++ b/layouts/partials/mode.html
@@ -1,4 +1,4 @@
 <div class = 'color_mode'>
   <label for = 'mode'></label>
-  <input type = 'checkbox' class = 'color_choice' id = 'mode' title="Toggle Dark Mode">
+  <input type = 'checkbox' class = 'color_choice standardize-input' id = 'mode' title="Toggle Dark Mode">
 </div>
diff --git a/layouts/partials/search.html b/layouts/partials/search.html
index 0890675..9ffb3c3 100644
--- a/layouts/partials/search.html
+++ b/layouts/partials/search.html
@@ -8,7 +8,7 @@
   {{ else }}
     {{ $placeholder =  printf "%s%s" $placeholder (T "site") }}
   {{ end }}
-  <input type="search" class="search_field" placeholder='{{ $placeholder }}' id="find" autocomplete="off"  data-scope='{{ .Section }}'>
+  <input type="search" class="search_field  standardize-input" placeholder="{{ $placeholder }}" id="find" autocomplete="off"  data-scope='{{ .Section }}'>
   {{- if ne .Params.searchPage true }}
   <div class="search_results results"></div>
   {{- end }}
diff --git a/layouts/shortcodes/chart.html b/layouts/shortcodes/chart.html
index ad81b90..db147bc 100644
--- a/layouts/shortcodes/chart.html
+++ b/layouts/shortcodes/chart.html
@@ -29,7 +29,7 @@
 <div class="table_wrap">
   {{- if not (in $charts "noFilter") }}
   <p>
-    <input oninput="w3.filterHTML('#chartTable', '.row', this.value)" class="form_search search_field" placeholder="Filter Table Values">
+    <input oninput="w3.filterHTML('#chartTable', '.row', this.value)" class="form_search search_field forminput" placeholder="Filter Table Values">
   </p>
   {{- end }}
   <table id="chartTable">

--
Gitblit v1.10.0