Enhance search plugin styles for improved specificity and consistency
This commit is contained in:
1 parent
b2697f8031
commit
b5761c8cb9
1 file changed
+21
-8
+21
-8
@@ -1009,17 +1009,30 @@ img.nav-svg-icon {
|
|||||||
|
|
||||||
/* Search plugin */
|
/* Search plugin */
|
||||||
.plugin.plugin-search .form-control {
|
.plugin.plugin-search .form-control {
|
||||||
border: 1px solid var(--border-color);
|
border: 1px solid var(--border-color) !important;
|
||||||
border-radius: var(--radius-sm);
|
border-radius: var(--radius-sm) !important;
|
||||||
padding: 0.6rem 0.9rem;
|
padding: 0.6rem 0.9rem !important;
|
||||||
background: var(--bg-body);
|
background: var(--bg-surface) !important;
|
||||||
color: var(--text-primary);
|
background-color: var(--bg-surface) !important;
|
||||||
|
color: var(--text-primary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Higher-specificity fallback to beat plugin-bundled CSS */
|
||||||
|
.sidebar-container .plugin.plugin-search .form-control {
|
||||||
|
background: var(--bg-surface) !important;
|
||||||
|
background-color: var(--bg-surface) !important;
|
||||||
|
color: var(--text-primary) !important;
|
||||||
|
border-color: var(--border-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.plugin.plugin-search .form-control::placeholder {
|
||||||
|
color: var(--text-muted) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.plugin.plugin-search .form-control:focus {
|
.plugin.plugin-search .form-control:focus {
|
||||||
border-color: var(--accent);
|
border-color: var(--accent) !important;
|
||||||
box-shadow: 0 0 0 3px rgba(127, 127, 127, 0.18);
|
box-shadow: 0 0 0 3px rgba(127, 127, 127, 0.18) !important;
|
||||||
outline: none;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.plugin.plugin-search button,
|
.plugin.plugin-search button,
|
||||||
|
|||||||
Reference in new issue
Block a user