okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New icon and animation for active search bar (thanks @Monochromish)

Browse source
This commit is contained in:
Pedro Galhardo 2022-06-29 23:51:21 +01:00
parent b842c36072
commit 6f17185dd1
No known key found for this signature in database
GPG key ID: 4740524CD85770A9
4 changed files with 65 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/renderer/less/pages.less
View file

@ -829,17 +829,31 @@
border: none;
cursor: pointer;
> img {
> ._svg-icon {
width: 18px;
height: 18px;
margin: auto;
opacity: 0.5
opacity: 0.5;
}
}
.search-btn.active {
> img {
opacity: 0.85
animation: enlarge 0.5s ease-in-out;
> ._svg-icon {
opacity: 1;
}
}
@keyframes enlarge {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
}