fix history view on narrow screens

This commit is contained in:
liquidex 2024-11-01 19:12:44 +01:00
parent 54ea7c311a
commit 83d88b564e
3 changed files with 11 additions and 7 deletions

View file

@ -1,12 +1,15 @@
.version-history { .version-history {
& > .commit-count {
margin-left: 2rem;
}
&>ul.commits { & > ul.commits {
--recursive-mono: 1; --recursive-mono: 1;
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
&>li { & > li {
padding-top: 0.2rem; padding-top: 0.2rem;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
@ -15,11 +18,11 @@
align-items: start; align-items: start;
gap: 0.5em; gap: 0.5em;
&>.revision-number { & > .revision-number {
justify-self: end; justify-self: end;
} }
details>summary { details > summary {
cursor: pointer; cursor: pointer;
} }
} }

View file

@ -473,8 +473,9 @@ hr {
h1.page-title { h1.page-title {
--recursive-wght: 850; --recursive-wght: 850;
margin-top: 0;
margin-bottom: 0; margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 2.25rem; margin-left: 2.25rem;
font-size: 2.5rem; font-size: 2.5rem;

View file

@ -16,7 +16,7 @@
{{> components/_header.hbs }} {{> components/_header.hbs }}
<main class="version-history"> <main class="version-history">
<p>{{ len page.commits }} commits</p> <p class="commit-count">{{ len page.commits }} commits</p>
<ul class="commits"> <ul class="commits">
{{#each page.commits}} {{#each page.commits}}