blomios/ReadaBook
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): plein écran lecteur — header overlay et masquage automatique après 2 s d'inactivité

Browse Source
This commit is contained in:
Git Agent
2026-08-24 15:06:32 +02:00
parent 0b14a94af8
commit 7055372faf
4 changed files with 156 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
apps/web/src/styles/app.css
View File

@ -892,6 +892,42 @@ main.app-main-reader .reader-page {
z-index: 1000;
}
.reader-fullscreen-active {
grid-template-rows: minmax(0, 1fr);
padding: 0;
}
.reader-fullscreen-active .reader-topbar {
position: absolute;
top: 10px;
right: 10px;
left: 10px;
z-index: 20;
transition:
opacity 160ms ease,
transform 160ms ease;
}
.reader-fullscreen-active.reader-header-hidden .reader-topbar {
pointer-events: none;
opacity: 0;
transform: translateY(-12px);
}
.reader-fullscreen-active .reader-status {
position: absolute;
top: 64px;
right: 10px;
left: 10px;
z-index: 15;
}
.reader-fullscreen-active .reader-stage {
grid-row: 1;
width: 100%;
height: 100%;
}
.reader-topbar {
grid-row: 1;
display: flex;