studio-variable/index-main
4
0
Fork 0
Code Issues 14 Pull requests Projects Releases Packages Wiki Activity Actions

animations investigations
All checks were successful
Deploy / Deploy to Production (push) Successful in 17s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-23 14:02:26 +01:00
parent 6020ea8c5b
commit 99ccc15ba9
10 changed files with 285 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

38
assets/css/components/_bottom-bar.scss
View file

@ -1,15 +1,39 @@
.bottom-bar{
#bottom-bar{
position: fixed;
bottom: 0;
left: 0;
z-index: calc(var(--z-header) - 10);
bottom: calc(var(--header-h)*-0.75);
&.is-visible{
bottom: 0px;
}
z-index: calc(var(--z-header) - 10);
height: calc(var(--header-h)*0.75);
width: 100vw;
background-color: var(--color-bg);
padding-left: var(--padding-body);
padding-right: var(--padding-body);
border-top: 2px solid var(--grey-800);
transition: bottom var(--transition-scroll);
// border-top: 2px solid var(--grey-800);
.progress-container{
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 100vw;
background-color: var(--grey-800);
.progress-bar{
height: 2px;
background-color: var(--color-txt);
width: 40%;
}
}
.bottom-bar__inner{
height: calc(var(--header-h)*0.75);
@ -45,8 +69,8 @@
flex-grow: 1;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
// overflow: hidden;
// text-overflow: ellipsis;
// align-items: center;
@ -59,7 +83,9 @@
padding-left: 1ch;
padding-right: 1ch;
}
}