studio-variable/hic-et-nunc
5
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

mobile > index > slideshow : fix layout Safari problem
All checks were successful
Deploy / Deploy to Production (push) Successful in 3s
Details

Browse source
This commit is contained in:
isUnknown 2026-06-05 14:15:10 +02:00
parent 0badd67b46
commit 06fc040f80
6 changed files with 111 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

76
assets/css/src/_mobile.scss
View file

@ -6,9 +6,6 @@
--font-size-S: 0.75rem;
}
body {
}
.project-slideshow-container {
position: fixed;
top: 0;
@ -46,9 +43,6 @@
line-height: 0.75;
}
.project-index :has(.selected) {
}
.project-toggler.grid {
grid-template-columns: 2fr 2fr 1fr;
width: 100%;
@ -62,7 +56,7 @@
position: fixed;
top: 0;
bottom: 0;
overflow: auto;
width: calc(100% - var(--body-margin));
padding-top: var(--font-size-XL);
}
@ -72,43 +66,49 @@
padding-top: 0;
}
nav.filter-menu {
position: sticky;
top: 0;
padding-top: var(--line-height-S);
margin: 0;
width: 100%;
}
body[data-template="index"] {
ul.filter-menu {
position: fixed;
top: var(--slider-height);
width: 100%;
nav.filter-menu:has(+ ul li.selected) {
}
margin: 0;
padding-top: var(--line-height-S);
}
nav.projects-index {
padding-top: var(--line-height-S);
position: absolute;
width: calc(100vw - (var(--body-margin) * 3));
overflow: auto;
padding-bottom: var(--font-size-XL);
}
ul.projects-index {
position: absolute;
top: var(--slider-height);
.selected .fix:hover + .toggle {
display: block;
}
box-sizing: border-box;
width: calc(100vw - calc(var(--body-margin) * 2));
height: calc(100vh - var(--slider-height));
overflow: auto;
.fix:hover + .toggle {
display: none;
}
padding-right: 1.5rem;
padding-top: calc((var(--line-height-S) * 5));
padding-bottom: calc(var(--font-size-XL));
}
.selected .fix:hover .slide-number {
display: block;
}
.selected .fix:hover + .toggle {
display: block;
}
.slide-number {
position: fixed;
top: var(--slider-height);
margin-top: calc(-2 * (var(--line-height-S)));
left: var(--body-margin);
padding-right: 0;
.fix:hover + .toggle {
display: none;
}
.selected .fix:hover .slide-number {
display: block;
}
.slide-number {
position: fixed;
top: var(--slider-height);
margin-top: calc(-2 * (var(--line-height-S)));
left: var(--body-margin);
padding-right: 0;
}
}
.main-menu {