diff options
| author | Bryce Kwon <bryce@brycekwon.com> | |
|---|---|---|
| committer | Bryce Kwon <bryce@brycekwon.com> | |
| commit | ||
| parent | ||
| tree | ||
| download | ||
Stack the commit details on narrow screens
Below 900 pixels the name, address and date of an author or committer
shared one row with the diff options beside it, so each wrapped into a
sliver and the name dropped below its label. Each value now stacks
under its label at those widths.
| -rw-r--r-- | assets/cgit.css | 31 |
1 file changed, 23 insertions, 8 deletions
diff --git a/assets/cgit.css b/assets/cgit.css index 8c6f7a4..bb4963f 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -1335,6 +1335,29 @@ div#cgit table.ssdiff td.space { div#cgit table.list td.col-author { display: none; } + + div#cgit table.commit-info, + div#cgit table.commit-info tbody { + display: block; + } + + div#cgit table.commit-info tr { + display: grid; + grid-template-columns: 8.5em minmax(0, 1fr); + } + + div#cgit table.commit-info td { + grid-column: 2; + } + + div#cgit table.commit-info td.right { + text-align: left; + } + + div#cgit table.commit-info div.spanning { + width: auto; + white-space: normal; + } } @media (max-width: 640px) { @@ -1415,12 +1438,4 @@ div#cgit table.ssdiff td.space { margin-left: 0; } - div#cgit table.commit-info { - width: 100%; - } - - div#cgit table.commit-info div.spanning { - width: auto; - white-space: normal; - } } |