mirror of
https://github.com/status-im/consul.git
synced 2025-01-22 19:50:36 +00:00
eeb7a858e2
* ui: Replaces Service listing filterbar with a phrase-editor search (#5507) 1. New phrase-editor restricting search to whole phrases (acts on enter key). Allows removal of previously entered phrases 2. Searching now allows arrays of terms, multiple terms work via AND
47 lines
737 B
SCSS
47 lines
737 B
SCSS
%phrase-editor {
|
|
display: flex;
|
|
margin-top: 14px;
|
|
margin-bottom: 5px;
|
|
}
|
|
%phrase-editor ul {
|
|
overflow: hidden;
|
|
}
|
|
%phrase-editor li {
|
|
@extend %pill;
|
|
float: left;
|
|
margin-right: 4px;
|
|
}
|
|
%phrase-editor span {
|
|
display: none;
|
|
}
|
|
%phrase-editor label {
|
|
flex-grow: 1;
|
|
}
|
|
%phrase-editor input {
|
|
width: 100%;
|
|
height: 33px;
|
|
padding: 8px 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
@media #{$--horizontal-selects} {
|
|
%phrase-editor {
|
|
margin-top: 14px;
|
|
}
|
|
%phrase-editor ul {
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
%phrase-editor input {
|
|
padding-left: 3px;
|
|
}
|
|
}
|
|
@media #{$--lt-horizontal-selects} {
|
|
%phrase-editor {
|
|
margin-top: 9px;
|
|
}
|
|
%phrase-editor label {
|
|
display: block;
|
|
margin-top: 5px;
|
|
}
|
|
}
|