From e558963d30cd3c3d39b246be4034c8beaca56a77 Mon Sep 17 00:00:00 2001
From: Tolmachev Igor <me@igorek.dev>
Date: Thu, 8 Jan 2026 02:22:44 +0900
Subject: Fix css and add js file

- Fix header image size
- Prevent text wrapping in lists
- Do not display empty commit msg
- Wrap big tables in div.scrollable
---
 www/cgit.css | 52 +++++++++++++++++++++-------------------------------
 1 file changed, 21 insertions(+), 31 deletions(-)

(limited to 'www/cgit.css')

diff --git a/www/cgit.css b/www/cgit.css
index c3e015f..c0435e0 100644
--- a/www/cgit.css
+++ b/www/cgit.css
@@ -66,6 +66,15 @@ div#cgit table#header td.logo {
     padding-right: 1rem;
 }
 
+div#cgit table#header td.logo img {
+    max-height: 75px;
+    max-width: 100%;
+    width: auto;
+    height: auto;
+    border: none;
+    vertical-align: middle;
+}
+
 div#cgit table#header td.main {
     font-size: 1.5rem;
     font-weight: bold;
@@ -87,7 +96,7 @@ div#cgit table#header td.form {
 div#cgit table#header td.sub {
     display: block;
     width: 100%;
-    padding-top: 0.25rem;
+    padding-top: 0.5rem;
     color: var(--color-outline);
     font-size: 0.9rem;
     border-top: none;
@@ -240,6 +249,7 @@ div#cgit table.list th {
 div#cgit table.list td {
     padding: 0.75rem 0.5rem;
     vertical-align: middle;
+    white-space: nowrap;
 }
 
 /* Commit Graph columns */
@@ -251,13 +261,13 @@ div#cgit table.list td.commitgraph {
 
 /* 7. Diffs and Code */
 div#cgit table.blob,
+div#cgit table.bin-blob,
 div#cgit table.diff,
 div#cgit table.ssdiff {
     width: 100%;
     border: 1px solid var(--color-outline-variant);
     border-collapse: collapse;
     border-radius: 4px;
-    overflow: hidden;
     margin-top: 1rem;
     background: var(--color-surface-container-lowest);
 }
@@ -295,13 +305,6 @@ div#cgit table.ssdiff td {
 }
 
 div#cgit table.bin-blob {
-    width: 100%;
-    border: 1px solid var(--color-outline-variant);
-    border-collapse: collapse;
-    border-radius: 4px;
-    overflow: hidden;
-    margin-top: 1rem;
-    background: var(--color-surface-container-lowest);
     font-family: monospace;
     font-size: 0.95em;
 }
@@ -449,6 +452,10 @@ div#cgit div.commit-msg {
     color: var(--color-on-surface);
 }
 
+div#cgit div.commit-msg:empty {
+    display: none;
+}
+
 /* 10. Footer */
 div#cgit div.footer {
     margin-top: auto;
@@ -469,17 +476,8 @@ div#cgit div.error {
 
 /* 11. Responsive Adjustments */
 @media only screen and (max-width: 768px) {
-    div#cgit table#header {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    div#cgit table#header td.logo,
-    div#cgit table#header td.main,
-    div#cgit table#header td.form {
-        width: 100%;
-        text-align: left;
-        margin-bottom: 0.5rem;
+    div#cgit table#header td.logo img {
+        max-height: 40px;
     }
 
     div#cgit table.tabs {
@@ -503,20 +501,12 @@ div#cgit div.error {
         overflow-x: auto;
     }
 
-    /* Force tables to scroll on small screens */
-    div#cgit table.list,
-    div#cgit table.blob,
-    div#cgit table.diff {
-        white-space: nowrap;
-    }
-
-    div#cgit table.bin-blob {
-        white-space: nowrap;
-        display: block; /* Позволяет скроллить саму таблицу */
+    /* Make div.scrollable is scrollable*/
+    div#cgit div.scrollable {
         overflow-x: auto;
     }
 
-    div#cgit table.bin-blob th,
+    div#cgit div#cgit table.bin-blob th,
     div#cgit table.bin-blob td {
         padding: 0.5rem;
     }
-- 
cgit v1.2.3