Search dropdown now fades in
This commit is contained in:
parent
2580ca6830
commit
a4adda2d8b
4 changed files with 64 additions and 8 deletions
|
|
@ -2640,7 +2640,6 @@ body.layout-single-column {
|
|||
}
|
||||
.layout-single-column .search__input:focus {
|
||||
border: 1px solid var(--color-accent);
|
||||
box-shadow: inset 0 0 0 1px var(--color-accent);
|
||||
}
|
||||
.layout-single-column .compose-panel .fa-search,
|
||||
.layout-single-column .compose-panel .fa.active {
|
||||
|
|
@ -2731,11 +2730,26 @@ body.layout-single-column {
|
|||
.layout-single-column .account .account__details .verified-badge {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
@keyframes fadein-short {
|
||||
from {
|
||||
transform: translate(0, -10px);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: translate(0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.layout-single-column .search__popout {
|
||||
background-color: var(--color-content-bg);
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 4px 6px rgba(0,0,0,.1);
|
||||
box-shadow: none;
|
||||
margin-top: 10px;
|
||||
border: 1px solid var(--color-lines);
|
||||
animation: .3s fadein-short 1;
|
||||
}
|
||||
.layout-single-column .search__popout h4 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.layout-single-column .search__popout h4,
|
||||
.layout-single-column .search__popout__menu__message,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue