adrien-payet/actuel-inactuel
1
0
Fork 0
Code Issues 17 Pull requests Projects Releases Packages Wiki Activity Actions

save before move tabs outside from header

Browse source
This commit is contained in:
isUnknown 2024-03-10 12:03:31 +01:00
parent f9397935bd
commit 94d404288f
13 changed files with 116 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/css/src/header.css
View file

@ -1,4 +1,4 @@
#header {
#main-header {
position: fixed;
z-index: 1;
top: 0;
@ -7,17 +7,16 @@
width: 100%;
height: calc(var(--unit--vertical) * 5);
padding: var(--unit--vertical) var(--unit--horizontal);
transition: height 0.2s ease-in-out;
}
#header.minimized {
#main-header.minimized {
height: calc(var(--unit--vertical) * 3);
}
#logo {
position: relative;
}
#header.open #actuel {
#main-header.open #actuel {
color: var(--color-background);
}
#logo #actuel {
@ -33,6 +32,22 @@
bottom: -48%;
transition: bottom 0.2s ease-in-out;
}
#header.minimized #logo #inactuel {
#main-header.minimized #logo #inactuel {
bottom: 0%;
}
.page-cover {
box-sizing: border-box;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: calc(7 * var(--unit--vertical)) 0;
margin-bottom: 0rem;
transition: margin-bottom 0.5s ease-in-out;
}
.page-cover.open {
margin-bottom: calc(100vh - 10 * var(--unit--vertical));
}