cargdev/angular
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(aio): make the search-pane larger (and improve the search-box) (#17105)

Browse Source 
* fix(aio): make the search-pane larger

Fixes #17094

* feat(aio): give the search-box a type of "search"

This enables browsers to style it better (e.g. add an `x` button for clearing
the field, which allows users to quickly reset the search query and hide
results).
This commit is contained in:
George Kalpakas
2017-05-31 01:15:54 +03:00
committed by Victor Berchet
parent b056adc032
commit 2f35392cd8
3 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
aio/src/styles/2-modules/_search-results.scss
View File

@ -10,7 +10,7 @@ aio-search-results {
padding: 68px 32px 0;
color: $offwhite;
width: auto;
max-height: 50%;
max-height: 95vh;
position: fixed;
top: 0;
left: 0;
@ -18,11 +18,10 @@ aio-search-results {
z-index: 5;
background-color: $darkgray;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
box-sizing: border-box;
@media (max-width: 480px) {
display: block;
max-height: 70%;
box-sizing: border-box;
.search-area {
display: block;
margin: 16px 16px;