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

mobile > index > project selected > Fixed: projects disapearing when hover on fix
All checks were successful
Deploy / Deploy to Production (push) Successful in 8s
Details

Browse source
This commit is contained in:
Camilledenoray 2026-07-08 14:56:34 +02:00
parent 3486ae9c6c
commit c6ca1edc36
4 changed files with 13 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,11 +2,10 @@
:root { :root {
--slider-height: 66vh; --slider-height: 66vh;
--font-size-XL: 12.5vw; --font-size-XL: 12.5vw;
--font-size-L: calc(var(--font-size-S) * 2) ; --font-size-L: calc(var(--font-size-S) * 2);
--font-size-S: 1rem; --font-size-S: 1rem;
} }
.main-title { .main-title {
font-size: var(--font-size-XL); font-size: var(--font-size-XL);
line-break: strict; line-break: strict;
@ -23,7 +22,8 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
padding: var(--font-size-XL) var(--body-margin) var(--body-margin) var(--body-margin); padding: var(--font-size-XL) var(--body-margin) var(--body-margin)
var(--body-margin);
box-sizing: border-box; box-sizing: border-box;
} }
@ -73,7 +73,7 @@
#mobile-menu-wrapper { #mobile-menu-wrapper {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: calc(100vw - var(--body-margin)*2); width: calc(100vw - var(--body-margin) * 2);
display: flex; display: flex;
justify-content: center; justify-content: center;
z-index: 4; z-index: 4;
@ -93,7 +93,7 @@
margin: 0 auto; margin: 0 auto;
} }
header:hover~main { header:hover ~ main {
opacity: 1; opacity: 1;
transition-duration: 0; transition-duration: 0;
} }
@ -130,9 +130,7 @@
text-decoration: none; text-decoration: none;
} }
body[data-template="home"] { body[data-template="home"] {
.nav-item-home { .nav-item-home {
text-decoration: underline; text-decoration: underline;
} }
@ -148,8 +146,6 @@
} }
body[data-template="index"] { body[data-template="index"] {
.close-button.closer { .close-button.closer {
position: fixed; position: fixed;
top: var(--slider-height); top: var(--slider-height);
@ -160,7 +156,6 @@
mix-blend-mode: difference; mix-blend-mode: difference;
color: var(--mix-blend-color); color: var(--mix-blend-color);
min-height: 0 !important; min-height: 0 !important;
} }
.close-button.closer::before { .close-button.closer::before {
@ -178,12 +173,12 @@
.fix { .fix {
display: block; display: block;
.date{ .date {
display: none; display: none;
} }
} }
.fix:hover+.toggle .project-slideshow-container { .project:not(.selected) .fix:hover + .toggle .project-slideshow-container {
display: none; display: none;
} }
@ -250,11 +245,11 @@
padding-bottom: calc(var(--font-size-XL)); padding-bottom: calc(var(--font-size-XL));
} }
.selected .fix:hover+.toggle { .selected .fix:hover + .toggle {
display: block; display: block;
} }
.fix:hover+.toggle { .fix:hover + .toggle {
display: none; display: none;
} }
@ -304,7 +299,6 @@
} }
body[data-template="infos"] { body[data-template="infos"] {
main { main {
padding-top: var(--line-height-S); padding-top: var(--line-height-S);
@ -319,10 +313,8 @@
.secondary-infos { .secondary-infos {
margin-top: var(--line-height-S); margin-top: var(--line-height-S);
max-width: 500px; max-width: 500px;
} }
} }
} }
} }
} }
@ -332,4 +324,4 @@
padding-right: var(--body-margin); padding-right: var(--body-margin);
width: calc(100% - var(--body-margin)); width: calc(100% - var(--body-margin));
} }
} }

4
assets/css/style.css
View file

@ -584,7 +584,7 @@ body[data-template=index] button.next {
:root { :root {
--slider-height: 66vh; --slider-height: 66vh;
--font-size-XL: 12.5vw; --font-size-XL: 12.5vw;
--font-size-L: calc(var(--font-size-S) * 2) ; --font-size-L: calc(var(--font-size-S) * 2);
--font-size-S: 1rem; --font-size-S: 1rem;
} }
.main-title { .main-title {
@ -726,7 +726,7 @@ body[data-template=index] button.next {
body[data-template=index] .fix .date { body[data-template=index] .fix .date {
display: none; display: none;
} }
body[data-template=index] .fix:hover + .toggle .project-slideshow-container { body[data-template=index] .project:not(.selected) .fix:hover + .toggle .project-slideshow-container {
display: none; display: none;
} }
body[data-template=index] header:has(+ main > .projects-index > .selected) { body[data-template=index] header:has(+ main > .projects-index > .selected) {

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

File diff suppressed because one or more lines are too long

3
site/controllers/home.php
View file

@ -11,9 +11,6 @@ return function($site) {
$file = $files->nth($i); $file = $files->nth($i);
$nextFile = $files->nth($i + 1); $nextFile = $files->nth($i + 1);
dump($file->filename() . ' / type=' . $file->type());
dump($file->fileOrientation());
$isPortrait = in_array($file->type(), ['image', 'video'], true) $isPortrait = in_array($file->type(), ['image', 'video'], true)
&& $file->fileOrientation() === 'portrait'; && $file->fileOrientation() === 'portrait';
$nextIsPortrait = $nextFile $nextIsPortrait = $nextFile