[OCaml] Mobile-friendly clone of cgit.
style move chevron toggle to left of directory name
The expand/collapse chevron (›) now appears before the directory name rather than after it, using ::before instead of ::after. Removed justify-content:space-between in favour of a small gap. Did not implement per-file last-modified timestamps as it would require walking commit history for every directory listing (heavy per-page cost).
lib/static/styles.css
@@ -572,12 +572,12 @@
572
572
.tree-toggle {
573
573
display: flex;
574
574
align-items: center;
575
Removed:
justify-content: space-between;
576
575
cursor: pointer;
577
576
list-style: none;
578
577
padding: 0.75em;
579
578
min-height: 44px;
580
579
box-sizing: border-box;
580
Added:
gap: 0.25em;
581
581
}
582
582
583
583
details[open] > .tree-toggle {
@@ -595,17 +595,17 @@
595
595
content: "";
596
596
}
597
597
598
Removed:
.tree-toggle::after {
598
Added:
.tree-toggle::before {
599
599
content: "\203a";
600
600
font-size: 1.3em;
601
601
color: #b0b0b0;
602
602
transition: transform 0.15s ease;
603
603
flex-shrink: 0;
604
Removed:
min-width: 44px;
604
Added:
width: 1em;
605
605
text-align: center;
606
606
}
607
607
608
Removed:
details[open] > .tree-toggle::after {
608
Added:
details[open] > .tree-toggle::before {
609
609
transform: rotate(90deg);
610
610
}
611
611
@@ -623,7 +623,7 @@
623
623
color: black;
624
624
}
625
625
626
Removed:
.tree-toggle:hover::after {
626
Added:
.tree-toggle:hover::before {
627
627
color: black;
628
628
}}
629
629