krichtof/app.kluk.fr
1
0
Fork 0
Code Issues 9 Pull requests Projects 1 Releases Packages Wiki Activity Actions

make navbar sticky

Browse source
This commit is contained in:
Christophe Robillard 2026-02-09 10:04:38 +01:00
parent 7888395163
commit 4de10ecba7
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/stylesheets/kluk.css
View file

@ -20,6 +20,12 @@ main {
height: 100vh; height: 100vh;
} }
#navbar-top {
position: sticky;
top: 0;
}
.tracker { .tracker {
align-content: center; align-content: center;
} }
@ -32,7 +38,7 @@ main {
.current-day { .current-day {
background-color: white; background-color: white;
position: sticky; position: sticky;
top: 0; top: 64px;
align-content: center; align-content: center;
} }

2
app/views/application/_menu.html.erb
View file

@ -1,4 +1,4 @@
<nav class="navbar has-background-primary" role="navigation" aria-label="main navigation" data-controller="menu"> <nav id="navbar-top" class="navbar has-background-primary" role="navigation" aria-label="main navigation" data-controller="menu">
<div class="navbar-brand"> <div class="navbar-brand">
<div class="navbar-item is-size-5">Comment ça </div> <div class="navbar-item is-size-5">Comment ça </div>
<div class="navbar-item is-size-3"><strong>KLUK</strong></div> <div class="navbar-item is-size-3"><strong>KLUK</strong></div>