Add search icon and fix alignments for search for 4.3.0

ronilaukkarinen · Oct 30, 2023 · 3ffc41b · 3ffc41b
1 parent 48a43a8
commit 3ffc41b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -13,6 +13,7 @@
 * Advanced web view support for 4.3.0
 * Make boost animation smoother
 * Fix icon size for private mention
+* Add search icon and fix alignments for search for 4.3.0
 
 ### 1.8.0: 2023-10-29
 

diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -2152,17 +2152,20 @@ body.embed .detailed-status__meta .detailed-status__link .icon-retweet,
 
 /* Search */
 .layout-multiple-columns .search .search__icon .icon-search {
-  background-color: var(--color-mud);
   background-image: var(--icon-search);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 20px;
   display: inline-block;
   height: 24px;
-  top: 10px;
+  top: 9px;
   width: 24px;
 }
 
+.layout-multiple-columns .search .search__icon .icon-search path {
+  display: none;
+}
+
 .layout-multiple-columns input.setting-text,
 .layout-multiple-columns .search__input {
   background-color: var(--color-mud);
@@ -2639,7 +2642,7 @@ body.embed .button.logo-button:hover,
 }
 
 .layout-multiple-columns .search__icon .icon-times-circle {
-  top: 14px;
+  top: 9px;
 }
 
 .layout-multiple-columns .setting-text__toolbar {

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -2183,17 +2183,20 @@ body.embed .detailed-status__meta .detailed-status__link .icon-retweet,
 
 /* Search */
 .layout-single-column .search .search__icon .icon-search {
-  background-color: var(--color-mud);
   background-image: var(--icon-search);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 20px;
   display: inline-block;
   height: 24px;
-  top: 10px;
+  top: 9px;
   width: 24px;
 }
 
+.layout-multiple-columns .search .search__icon .icon-search path {
+  display: none;
+}
+
 .layout-single-column input.setting-text,
 .layout-single-column .search__input {
   background-color: var(--color-mud);
@@ -2690,7 +2693,7 @@ body.embed .button.logo-button:hover,
 }
 
 .layout-single-column .search__icon .icon-times-circle {
-  top: 14px;
+  top: 9px;
 }
 
 .layout-single-column .setting-text__toolbar {