Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 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

10
assets/dist/script.js vendored
View file

@ -1,7 +1,7 @@
"use strict";
function openTab(data, tab) {
data.activeTab === tab ? data.activeTab = "" : data.activeTab = tab;
data.activeTab === tab ? (data.activeTab = "") : (data.activeTab = tab);
}
function scrollToElem(selector) {
setTimeout(function () {
@ -10,7 +10,7 @@ function scrollToElem(selector) {
var top = elem.getBoundingClientRect().top;
window.scrollTo({
top: top + window.scrollY + yOffset,
behavior: "smooth"
behavior: "smooth",
});
}, 100);
}
@ -18,12 +18,12 @@ document.addEventListener("DOMContentLoaded", function () {
function toggleLogoState() {
var scrollY = window.scrollY || window.pageYOffset;
if (scrollY > 10) {
document.querySelector("#header").classList.add("minimized");
document.querySelector("#main-header").classList.add("minimized");
} else {
document.querySelector("#header").classList.remove("minimized");
document.querySelector("#main-header").classList.remove("minimized");
}
}
window.addEventListener("scroll", function () {
toggleLogoState();
});
});
});

18
assets/dist/style.css vendored
View file

@ -125,7 +125,7 @@ button {
article p {
margin-bottom: var(--unit--vertical);
}
#header {
#main-header {
position: fixed;
z-index: 1;
top: 0;
@ -136,7 +136,7 @@ article p {
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,
@ -147,7 +147,7 @@ article p {
margin-top: var(--unit--vertical);
margin-left: var(--unit--horizontal);
}
#header.open #actuel {
#main-header.open #actuel {
color: var(--color-background);
}
#logo #actuel,
@ -165,8 +165,8 @@ article p {
bottom: -48%;
transition: bottom 0.2s ease-in-out;
}
#header.minimized #logo #inactuel,
#header.minimized #logo-nav #inactuel-nav {
#main-header.minimized #logo #inactuel,
#main-header.minimized #logo-nav #inactuel-nav {
bottom: 0;
}
#nav-btn {
@ -187,9 +187,9 @@ article p {
background-color: var(--color-primary);
transition: all 0.3s ease-in-out;
}
#header.open .line-center,
#header.open .line-down,
#header.open .line-up {
#main-header.open .line-center,
#main-header.open .line-down,
#main-header.open .line-up {
background-color: var(--color-background);
}
#nav-btn .line-up {
@ -227,7 +227,7 @@ nav {
overflow: hidden;
transition: all 0.5s ease-in-out;
}
#header.open nav {
#main-header.open nav {
height: 100vh;
}
#spaces {