search-boxのデザイン改善 #190 (#191)

Robot-Inventor · May 11, 2021 · b9dddf4 · b9dddf4
1 parent 3963e72
commit b9dddf4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/changelog.md b/changelog.md
@@ -53,6 +53,7 @@ Edition: ORIZIN Agent HTML
 - すべてのアイコンをmwc-iconに置き換えました　[#158](https://github.com/Robot-Inventor/ORIZIN-Agent-HTML/issues/158)
 - すべてのアイコンボタンをmwc-icon-buttonに置き換えました　[#159](https://github.com/Robot-Inventor/ORIZIN-Agent-HTML/issues/159)
 - search-boxコンポーネントにグリッドレイアウトを採用しました　[#180](https://github.com/Robot-Inventor/ORIZIN-Agent-HTML/issues/180)
+- search-boxのデザインを改善しました　[#190](https://github.com/Robot-Inventor/ORIZIN-Agent-HTML/issues/190)
 
 ### [v5.1.147.2-Eagle] - 2021-05-11
 

diff --git a/resource/javascript/component/search_box.js b/resource/javascript/component/search_box.js
@@ -63,7 +63,7 @@ class SearchBox extends HTMLElement {
     left: 0;
     overflow: visible;
     display: grid;
-    grid-template-rows: 2rem;
+    grid-template-rows: 2.25rem;
     grid-template-columns: 2rem 1fr 2rem;
 }
 
@@ -79,7 +79,7 @@ class SearchBox extends HTMLElement {
     border: solid 1px var(--text);
     opacity: 0.2;
     pointer-events: none;
-    transition: 0.3s;
+    transition: 0.15s;
     box-sizing: border-box;
 }