all repos — elgit @ 478c5e7d98203394807f1fe9942639a73a0b2201

fork of legit: web frontend for git, written in go

layout commit info differently

Alan Pearce
commit

478c5e7d98203394807f1fe9942639a73a0b2201

parent

c5c01faa1965a3f0bbbaf0ae03f244385b350cd4

1 file changed, 24 insertions(+), 32 deletions(-)

changed files
M static/style.cssstatic/style.css
@@ -85,20 +85,18 @@ main h2 {
font-size: 1.2rem; } -main h2, -h3 { - padding: 1.25rem 0 1rem 0; +header h3 { + padding: 0.4rem 0 1rem 0; } nav { - padding: 0.4rem 0 1.5rem 0; + margin: 1rem 0 2rem 0; } nav ul { padding: 0; margin: 0; list-style: none; - padding-bottom: 1.25rem; } nav ul li {
@@ -112,15 +110,12 @@ padding: 0;
box-sizing: border-box; text-decoration: none; word-wrap: break-word; -} - -a { color: var(--darker); - border-bottom: 0.1rem solid var(--medium-gray); + text-decoration: underline solid var(--medium-gray); } a:hover { - border-bottom-color: var(--gray); + text-decoration-color: var(--gray); } .index {
@@ -173,15 +168,15 @@ }
.log { display: grid; - grid-template-columns: 20rem minmax(0, 1fr); - grid-row-gap: 0.8em; - grid-column-gap: 8rem; + grid-template-columns: minmax(0, 1fr) 10rem 10rem; + grid-row-gap: 0.4em; + grid-column-gap: 1rem; margin-bottom: 2em; padding-bottom: 1em; border-bottom: 0.1rem solid var(--medium-gray); } -.log pre { +.commit-message { white-space: pre-wrap; word-wrap: break-word; word-break: break-word;
@@ -228,26 +223,27 @@ .diff-stat {
padding: 1rem 0 1rem 0; } -.commit-hash, -.commit-email { +.commit-hash { font-family: var(--mono-font); } -.commit-email:before { - content: "<"; -} - -.commit-email:after { - content: ">"; +.commit-reference { + margin-left: 1em; + padding: 0.1rem 0.6rem; + background: var(--light-gray); + text-decoration-color: var(--light-gray); } .commit { margin-bottom: 1rem; } -.commit pre { - padding-bottom: 1rem; - white-space: pre-wrap; +.commit-message { + padding-bottom: 0; +} + +.commit-info { + margin-bottom: 0; } .diff-stat ul li {
@@ -331,9 +327,9 @@ .diff-type {
color: var(--gray); } -.commit-info { +.commit-time, +.commit-author { color: var(--gray); - padding-bottom: 1.5rem; font-size: 0.85rem; }
@@ -345,10 +341,6 @@
.log { grid-template-columns: 1fr; grid-row-gap: 0em; - } - - .commit-header { - max-width: 80%; } .index {
@@ -368,7 +360,7 @@ .index-category-name {
padding-top: 0.7rem; } - .commit-info:not(:last-child) { + .commit-author:not(:last-child) { padding-bottom: 1.5rem; }