updated
This commit is contained in:
parent
7c019ed286
commit
eb33db5d87
|
@ -144,6 +144,7 @@
|
||||||
|
|
||||||
#result-desktop>#result-list {
|
#result-desktop>#result-list {
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
|
width: 35em;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
padding-bottom: 1em;
|
padding-bottom: 1em;
|
||||||
-webkit-transition: width 0.3s ease 0s;
|
-webkit-transition: width 0.3s ease 0s;
|
||||||
|
@ -180,7 +181,7 @@
|
||||||
margin-right: .3em;
|
margin-right: .3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#result-list.active {
|
#search #result-list.active {
|
||||||
width: 65em !important;
|
width: 65em !important;
|
||||||
max-width: 85vw !important;
|
max-width: 85vw !important;
|
||||||
}
|
}
|
||||||
|
@ -203,6 +204,7 @@
|
||||||
z-index:3;
|
z-index:3;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: .5em;
|
top: .5em;
|
||||||
|
min-width: 35em;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-webkit-transform: translateX(-50%);
|
-webkit-transform: translateX(-50%);
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
|
@ -212,13 +214,11 @@
|
||||||
background-color: rgba(100, 100, 100, 0.2);
|
background-color: rgba(100, 100, 100, 0.2);
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-width: 35em;
|
|
||||||
padding: 0em 0.75em;
|
padding: 0em 0.75em;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 1em;
|
border-radius: 1em;
|
||||||
border-style: unset;
|
border-style: unset;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
transition: 1s ease all;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 3em;
|
height: 3em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -65,7 +65,9 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
#search #input {
|
||||||
|
transition: 1s ease all;
|
||||||
|
}
|
||||||
#search.active #input {
|
#search.active #input {
|
||||||
border-bottom: 3px solid rgba(0, 0, 0, 0.075);
|
border-bottom: 3px solid rgba(0, 0, 0, 0.075);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||||
|
|
Loading…
Reference in New Issue