studio-variable/index-website-static
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

modal share checkbox
All checks were successful
Deploy / Deploy to pre-production (push) Successful in 5s
Details

Browse source
This commit is contained in:
Julie Blanc 2025-12-24 10:47:06 +01:00
parent 5914178e2f
commit ee6408f05f
6 changed files with 49 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/css/components/_modal-share.scss
View file

@ -117,4 +117,19 @@
}
}
}
// Action
#share-banner{ display: none; }
#share-banner ~ .modal--share{
opacity: 0;
pointer-events: none;
transition: opacity .2s ease-in;
}
#share-banner:checked ~ .modal--share{
opacity: 1;
pointer-events: auto;
}

19
assets/css/style.css
View file

@ -582,6 +582,21 @@ button:disabled {
background-color: var(--color-accent);
}
#share-banner {
display: none;
}
#share-banner ~ .modal--share {
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease-in;
}
#share-banner:checked ~ .modal--share {
opacity: 1;
pointer-events: auto;
}
[data-template=subscription-newsletter] .p__baseline-big,
[data-template=thanks] .p__baseline-big,
[data-template=support] .p__baseline-big,
@ -1003,9 +1018,11 @@ body main {
align-items: center;
gap: calc(var(--spacing) * 0.25);
}
.page-enquete #banner--page .btn--group > button {
.page-enquete #banner--page .btn--group > button,
.page-enquete #banner--page .btn--group > label {
width: 100%;
max-width: 160px;
cursor: pointer;
}
.page-enquete #nav--page ul {
list-style: none;

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

4
assets/css/template/_page-enquete.scss
View file

@ -100,9 +100,11 @@
gap: calc(var(--spacing)*0.25);
> button{
> button,
> label {
width: 100%;
max-width: 160px;
cursor: pointer;
}
}