UX: fix compatibility with discourse-header-search (#35)

This commit is contained in:
Kris 2023-08-15 17:55:02 -04:00 committed by GitHub
parent 71c9104e48
commit bd0594108a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 0 deletions

View File

@ -1,3 +1,7 @@
.before-header-panel-outlet {
display: flex;
}
@if $links_position == "right" { @if $links_position == "right" {
.before-header-panel-outlet { .before-header-panel-outlet {
margin-left: auto; margin-left: auto;
@ -38,3 +42,22 @@
.mobile-view .headerLink--vdo { .mobile-view .headerLink--vdo {
display: none; 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
}
}