修改搜索相关样式

cayxc · Jan 24, 2025 · 238c1ed · 238c1ed
1 parent 94e92b9
commit 238c1ed
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 15 deletions.
diff --git a/mdmdt-dark.css b/mdmdt-dark.css
@@ -1262,10 +1262,6 @@ span.md-comment {
   color: var(--text-grey);
 }
 
-.ty-on-outline-filter .ty-outline-hit {
-  color: var(--color-2);
-}
-
 /*
  * ------------------------
  * md-notification-container
@@ -2014,7 +2010,31 @@ body.typora-export {
   border-radius: 3px;
   box-shadow: 0 0 5px var(--color-1) !important;
 }
-/*search stylle*/
+/*search style*/
+#searchpanel-search-group .ty-search-panel-row{
+  padding-top: 0;
+}
+#searchpanel-search-group .ty-search-panel-row input{
+  margin-top: 2px;
+}
+.ty-search-panel-row .ion-close-round,
+.ty-search-panel-row .ty-upload{
+  padding-right: 8px !important;
+  padding-left: 4px !important;
+}
+#search-panel-next,
+#search-panel-replace-btn{
+  left: 2px;
+}
+#search-panel-replaceall-btn,
+#search-panel-replace-btn{
+  text-align: center !important;
+  padding-right: 4px !important;
+  padding-left: 4px !important;
+}
+.ty-on-outline-filter .ty-outline-hit {
+  color: var(--color-2);
+}
 .md-search-hit {
   background: var(--color-2-0-c) !important;
   color: #070909 !important;

diff --git a/mdmdt-light.css b/mdmdt-light.css
@@ -1263,10 +1263,6 @@ span.md-comment {
   color: var(--text-grey);
 }
 
-.ty-on-outline-filter .ty-outline-hit {
-  color: var(--color-2);
-}
-
 /*
  * ------------------------
  * md-notification-container
@@ -2004,7 +2000,31 @@ body.typora-export {
   border-radius: 3px;
   box-shadow: 0 0 5px var(--color-1) !important;
 }
-/*search stylle*/
+/*search style*/
+#searchpanel-search-group .ty-search-panel-row{
+  padding-top: 0;
+}
+#searchpanel-search-group .ty-search-panel-row input{
+  margin-top: 2px;
+}
+.ty-search-panel-row .ion-close-round,
+.ty-search-panel-row .ty-upload{
+  padding-right: 8px !important;
+  padding-left: 4px !important;
+}
+#search-panel-next,
+#search-panel-replace-btn{
+  left: 2px;
+}
+#search-panel-replaceall-btn,
+#search-panel-replace-btn{
+  text-align: center !important;
+  padding-right: 4px !important;
+  padding-left: 4px !important;
+}
+.ty-on-outline-filter .ty-outline-hit {
+  color: var(--color-2);
+}
 .md-search-hit {
   background: var(--color-2-0-c) !important;
   color: #070909 !important;

diff --git a/mdmdt.css b/mdmdt.css
@@ -1264,10 +1264,6 @@ span.md-comment {
   color: var(--text-grey);
 }
 
-.ty-on-outline-filter .ty-outline-hit {
-  color: var(--color-2);
-}
-
 /*
  * ------------------------
  * md-notification-container
@@ -2005,7 +2001,31 @@ body.typora-export {
   border-radius: 3px;
   box-shadow: 0 0 5px var(--color-1) !important;
 }
-/*search stylle*/
+/*search style*/
+#searchpanel-search-group .ty-search-panel-row{
+  padding-top: 0;
+}
+#searchpanel-search-group .ty-search-panel-row input{
+  margin-top: 2px;
+}
+.ty-search-panel-row .ion-close-round,
+.ty-search-panel-row .ty-upload{
+  padding-right: 8px !important;
+  padding-left: 4px !important;
+}
+#search-panel-next,
+#search-panel-replace-btn{
+  left: 2px;
+}
+#search-panel-replaceall-btn,
+#search-panel-replace-btn{
+  text-align: center !important;
+  padding-right: 4px !important;
+  padding-left: 4px !important;
+}
+.ty-on-outline-filter .ty-outline-hit {
+  color: var(--color-2);
+}
 .md-search-hit {
   background: var(--color-2-0-c) !important;
   color: #070909 !important;