Index > CSS > Optimisation zone project closer
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s

This commit is contained in:
Camilledenoray 2026-06-17 11:19:21 +02:00
parent 412c2a5547
commit c92e492fbc
4 changed files with 16 additions and 3 deletions

View file

@ -38,4 +38,10 @@ body[data-template="index"] {
} }
} }
} }
ul.projects-index {
display: flex;
flex-direction: column;
gap: var(--line-height-S);
}
} }

View file

@ -267,6 +267,8 @@ button.next {
} }
.toggle > .close-button { .toggle > .close-button {
display: block; display: block;
min-height: calc(var(--line-height-S) * 2);
margin-bottom: calc(-1 * var(--line-height-S));
} }
} }
@ -286,7 +288,6 @@ button.next {
); );
gap: var(--body-margin); gap: var(--body-margin);
pointer-events: all; pointer-events: all;
padding-bottom: var(--line-height-S);
cursor: inherit; cursor: inherit;
} }

View file

@ -258,6 +258,8 @@ button.next {
} }
.selected .toggle > .close-button { .selected .toggle > .close-button {
display: block; display: block;
min-height: calc(var(--line-height-S) * 2);
margin-bottom: calc(-1 * var(--line-height-S));
} }
.slide-number { .slide-number {
@ -272,7 +274,6 @@ button.next {
grid-template-columns: calc(0.5 * var(--index-width) - var(--body-margin)) calc(0.3333333333 * var(--index-width) - var(--body-margin)) calc(0.1666666667 * var(--index-width) - var(--body-margin)); grid-template-columns: calc(0.5 * var(--index-width) - var(--body-margin)) calc(0.3333333333 * var(--index-width) - var(--body-margin)) calc(0.1666666667 * var(--index-width) - var(--body-margin));
gap: var(--body-margin); gap: var(--body-margin);
pointer-events: all; pointer-events: all;
padding-bottom: var(--line-height-S);
cursor: inherit; cursor: inherit;
} }
@ -588,6 +589,11 @@ body[data-template=index] .projects-index li.filtered-out {
body[data-template=index] .projects-index li section.toggle .project-slideshow picture:not(.active) { body[data-template=index] .projects-index li section.toggle .project-slideshow picture:not(.active) {
display: none; display: none;
} }
body[data-template=index] ul.projects-index {
display: flex;
flex-direction: column;
gap: var(--line-height-S);
}
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
:root { :root {

File diff suppressed because one or more lines are too long