react-search-operators
Version:
Search component based on search-operators
64 lines (54 loc) • 1.05 kB
CSS
._2BFj2 {
position: relative;
width: 300px; }
._1pto7 {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40px;
display: flex;
align-items: center;
cursor: pointer; }
._1pto7 svg {
flex: 1 1;
stroke: #777; }
._2-0U0 {
width: 240px;
height: 30px;
line-height: 30px;
padding: 10px 40px 10px 20px;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: content-box; }
._30RZn {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
._TxMWg {
outline: none; }
._VMhwE {
display: none; }
._1PkKf {
display: block;
position: absolute;
top: 51px;
width: 300px;
border: 1px solid #aaa;
background-color: #fff;
font-size: 16px;
line-height: 1.25;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
z-index: 2;
max-height: 260px;
overflow-y: auto; }
._1uq41 {
margin: 0;
padding: 0;
list-style-type: none; }
._3eGCj {
color: #777;
cursor: pointer;
padding: 10px 20px; }