mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
UX: Adjust quick search input width (#14640)
Ensures input takes up all available space (without contents overlapping icons).
This commit is contained in:
parent
919a9a902a
commit
560216b6a1
@ -28,13 +28,16 @@ $search-pad-horizontal: 0.5em;
|
|||||||
input#search-term {
|
input#search-term {
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
width: auto;
|
||||||
|
flex-grow: 1;
|
||||||
|
padding-right: 50px;
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
margin-left: 1px;
|
margin: 2px;
|
||||||
}
|
}
|
||||||
&:focus-within {
|
&:focus-within {
|
||||||
@include default-focus;
|
@include default-focus;
|
||||||
|
Loading…
Reference in New Issue
Block a user