Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

fix entry btns overflow

Browse source
This commit is contained in:
isUnknown 2024-04-10 15:43:45 +02:00
parent 0de94435e1
commit cf7cfe0f44
3 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
assets/css/src/header.css
View file

@ -54,6 +54,7 @@
/* ================= ENTRY BTNS ================= */ /* ================= ENTRY BTNS ================= */
#entry-btns { #entry-btns {
position: sticky; position: sticky;
position: -webkit-sticky;
top: calc(var(--unit--vertical) * 3); top: calc(var(--unit--vertical) * 3);
height: 20svh; height: 20svh;
display: flex; display: flex;

11
assets/css/src/html.css
View file

@ -1,15 +1,12 @@
html {
overflow-x: hidden;
}
body { body {
position: relative; position: relative;
margin: 0; margin: 0;
width: 100vw;
height: 100%;
box-sizing: border-box;
background-color: var(--color-background); background-color: var(--color-background);
color: var(--color-primary); color: var(--color-primary);
overflow-x: clip; /* clip is the only value that works on Safari mobile */
}
main {
padding: 0 var(--unit--horizontal); padding: 0 var(--unit--horizontal);
} }

2
site/snippets/header.php
View file

@ -5,7 +5,7 @@ $entryTopPos = $entryTopPos ?? 20;
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title><?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?></title> <title><?= $site->title() ?><?= e($page->url() !== $site->url(), '-' . $page->title()) ?></title>
<link rel="stylesheet" href="<?= url('assets/css/style.css') . '?version-cache-prevent' . rand(0, 1000) ?>" /> <link rel="stylesheet" href="<?= url('assets/css/style.css') . '?version-cache-prevent' . rand(0, 1000) ?>" />
<script src="<?= url('assets') ?>/js/script.js?version-cache-prevent<?= rand(0, 1000)?>" defer></script> <script src="<?= url('assets') ?>/js/script.js?version-cache-prevent<?= rand(0, 1000)?>" defer></script>