[OCaml] Mobile-friendly clone of cgit.
fix constrain toolbar height to match nav across all pages
Set toolbar to height: var(--nav-height) with no vertical padding. Scale down pagination buttons and filter pills so they fit within the fixed nav height, preventing the commits toolbar from making the nav taller than on other pages.
lib/static/styles.css
@@ -518,12 +518,12 @@
518
518
display: flex;
519
519
align-items: center;
520
520
gap: 0.75em;
521
Removed:
min-height: var(--target-size);
521
Added:
height: var(--nav-height);
522
522
box-sizing: border-box;
523
523
flex: 1;
524
524
min-width: 0;
525
525
background-color: black;
526
Removed:
padding: 0.5em 0.75em;
526
Added:
padding: 0 0.75em;
527
527
overflow-x: auto;
528
528
scrollbar-width: none;
529
529
flex-wrap: nowrap;
@@ -602,7 +602,7 @@
602
602
}
603
603
604
604
.toolbar-filters .commit-pill {
605
Removed:
min-height: var(--target-size);
605
Added:
min-height: auto;
606
606
box-sizing: border-box;
607
607
}
608
608
@@ -617,11 +617,11 @@
617
617
display: inline-flex;
618
618
align-items: center;
619
619
justify-content: center;
620
Removed:
min-width: var(--target-size);
621
Removed:
min-height: var(--target-size);
622
Removed:
padding: 0.4em 0.75em;
620
Added:
min-width: 2em;
621
Added:
min-height: 2em;
622
Added:
padding: 0.25em 0.5em;
623
623
border-radius: 0.25rem;
624
Removed:
font-size: 1.1em;
624
Added:
font-size: 1em;
625
625
font-weight: 600;
626
626
color: white;
627
627
background-color: #2a2a2a;