mirror of
https://github.com/discourse/discourse-custom-header-links.git
synced 2025-03-09 14:18:22 +00:00
UX: fix compatibility with discourse-header-search
This commit is contained in:
parent
71c9104e48
commit
3a80cdc9c3
@ -1,3 +1,7 @@
|
||||
.before-header-panel-outlet {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@if $links_position == "right" {
|
||||
.before-header-panel-outlet {
|
||||
margin-left: auto;
|
||||
@ -38,3 +42,22 @@
|
||||
.mobile-view .headerLink--vdo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// for compatibility with the discourse-header-search component
|
||||
|
||||
.floating-search-input-wrapper {
|
||||
flex: 1 1 auto;
|
||||
margin: 0 1em;
|
||||
@if $links_position == "left" {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.floating-search-input {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.search-menu {
|
||||
width: 100% !important; // overrides very specific selector
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user