fix: search ux

This commit is contained in:
Jannat Patel
2022-12-26 13:24:29 +05:30
parent 0f314bc4e3
commit 46075130ab
4 changed files with 74 additions and 76 deletions

View File

@@ -929,13 +929,16 @@ pre {
}
.search {
background-image: url(/assets/frappe/icons/timeless/search.svg);
background-repeat: no-repeat;
background-position: 1rem;
text-indent: 1rem;
border: none;
border-radius: var(--border-radius-md);
font-size: var(--text-base);
padding: 0.625rem 0.75rem;
height: 36px;
width: 80%;
box-shadow: var(--shadow-base);
border-radius: var(--border-radius-md);
font-size: var(--text-base);
padding: 1.5rem;
height: 36px;
width: 100%;
}
.search:focus {
@@ -1934,7 +1937,9 @@ select {
.modal-inner {
background: #ffffff;
margin: 15% auto 2rem;
margin: 15% auto 2rem;
width: 70%;
border-radius: var(--border-radius-md);
}
@@ -1951,3 +1956,28 @@ select {
text-decoration: none;
cursor: pointer;
}
.result-row {
display: block;
padding: 1rem;
border-top: 1px solid var(--gray-300);
font-weight: 500;
color: var(--gray-900);
font-size: var(--text-base);
cursor: pointer;
}
.result-row:hover {
color: inherit;
text-decoration: none;
}
.search-modal .modal-dialog {
max-width: 70%;
margin: 15% auto !important;
}
.search-modal .modal-body {
padding: 0 !important;
margin: 0 !important;
}