[OCaml] Mobile-friendly clone of cgit.
fix toolbar sticks below navbar instead of overlapping it
Move the toolbar to top: var(--nav-height) with z-index: 9 (below nav's z-index: 10) so it sits directly under the navbar without hiding the nav links. Both share the black background for visual continuity.
lib/static/styles.css
@@ -513,8 +513,8 @@
513
513
min-height: var(--target-size);
514
514
box-sizing: border-box;
515
515
position: sticky;
516
Removed:
top: 0;
517
Removed:
z-index: 11;
516
Added:
top: var(--nav-height);
517
Added:
z-index: 9;
518
518
background-color: black;
519
519
padding: 0.5em 0.75em;
520
520
overflow-x: auto;
@@ -778,7 +778,7 @@
778
778
779
779
.toolbar ~ * details[open] > .tree-toggle,
780
780
.toolbar ~ details[open] > .tree-toggle {
781
Removed:
top: var(--nav-height);
781
Added:
top: calc(var(--nav-height) + var(--toolbar-height));
782
782
}
783
783
784
784
.tree-toggle::-webkit-details-marker {