UX: fix compatibility with discourse-header-search (#35)
This commit is contained in:
parent
71c9104e48
commit
bd0594108a
|
@ -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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue