prepare subscription page

This commit is contained in:
isUnknown 2024-12-01 12:55:24 +01:00
parent 4c5b7677d7
commit 1b62fa7589
10 changed files with 77 additions and 61 deletions

View file

@ -1,3 +1,11 @@
main {
pointer-events: none;
}
.page-cover > * {
pointer-events: all;
}
#main-header {
position: fixed;
box-sizing: border-box;

View file

@ -1,13 +1,3 @@
[data-template="home"] main {
pointer-events: none;
}
.home-baseline,
.main-edito-btn,
.open-nav {
pointer-events: all;
}
.main-edito-btn {
display: inline-block;
margin-right: calc(2 * var(--unit--horizontal));

View file

@ -165,35 +165,6 @@ button.see-more {
nav.panel {
width: 40rem;
}
#subscribe-btn-wrapper {
height: 2.5rem;
margin-bottom: 0.2rem;
}
#subscribe-form {
position: relative;
width: fit-content;
}
#subscribe-form input {
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
box-sizing: border-box;
padding-bottom: 0.3rem;
padding-right: 2rem;
color: #fff;
width: 15rem;
}
#subscribe-form input:focus-visible {
outline: none;
}
#subscribe-form button[type="submit"] {
color: #fff;
position: absolute;
top: 0;
right: 0;
}
.panel {
z-index: 4;

View file

@ -0,0 +1,29 @@
#subscribe-btn-wrapper {
height: 2.5rem;
margin-bottom: 0.2rem;
}
#subscribe-form {
position: relative;
width: fit-content;
}
#subscribe-form input {
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
box-sizing: border-box;
padding-bottom: 0.3rem;
padding-right: 2rem;
color: #fff;
width: 15rem;
}
#subscribe-form input:focus-visible {
outline: none;
}
#subscribe-form button[type="submit"] {
color: #fff;
position: absolute;
top: 0;
right: 0;
}