gkorotkiy/bastion-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Animate delayed search filter tooltips

Browse Source
This commit is contained in:
KrivovDE
2026-09-09 17:05:25 +03:00
parent dfa0548b35
commit aba902cf9c
2 changed files with 51 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
assets/css/main.css
View File

@@ -3717,7 +3717,7 @@ body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline{
.search-result-filters-tooltip{
position:fixed;
z-index:1000;
display:none;
display:block;
width:max-content;
max-width:min(30rem,70vw);
padding:.625rem .75rem;
@@ -3726,15 +3726,28 @@ body.organization-view:not(.expanded) #content>#stability>.bankruptcy-timeline{
color:#e2e7e9;
background:#262a2c;
box-shadow:0 .5rem 1.25rem rgba(0,0,0,.45);
opacity:0;
pointer-events:none;
transform:translateY(-.375rem) scale(.985);
transform-origin:top left;
transition:opacity .16s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility 0s linear .2s;
visibility:hidden;
white-space:normal;
will-change:opacity,transform;
}
.search-result-filters-tooltip span{
display:block;
padding:.1875rem 0;
}
.search-result-filters-tooltip.is-visible{
display:block;
opacity:1;
transform:translateY(0) scale(1);
transition-delay:0s;
visibility:visible;
}
@media(prefers-reduced-motion:reduce){
.search-result-filters-tooltip{transition:none;transform:none}
}
@media(max-width:64rem){