Let the listings wrap and the diff tables scroll

1 file changed, 19 insertions, 10 deletions

diff --git a/assets/cgit.css b/assets/cgit.cssindex 3161102..6c1ada4 100644--- a/assets/cgit.css+++ b/assets/cgit.css@@ -271,6 +271,9 @@ div#cgit #header h1.main {   font-size: 250%;   font-weight: normal;   white-space: nowrap;+  min-width: 0;+  overflow: hidden;+  text-overflow: ellipsis; }  div#cgit #header h1.main a {@@ -436,6 +439,16 @@ div#cgit table.list td {   padding: 0.3em 0.6em 0.3em 0.6em; } +div#cgit table.list td.col-author,+div#cgit table.list td.col-count,+div#cgit table.list td.col-links {+  white-space: nowrap;+}++div#cgit table.list td.clone-url {+  overflow-wrap: anywhere;+}+ div#cgit table.list td.commitgraph {   font-family: var(--font-mono);   white-space: pre;@@ -839,10 +852,6 @@ div#cgit table.bin-blob td {  /* Commit / tag */ -div#cgit table.nowrap td {-  white-space: nowrap;-}- div#cgit table.commit-info {   border-collapse: collapse;   margin-top: 1.5em;@@ -885,7 +894,6 @@ div#cgit table.commit-info th { div#cgit table.commit-info td {   font-weight: normal;   padding: 0.1em 1em 0.1em 0.1em;-  overflow-wrap: anywhere; }  div#cgit div.commit-subject {@@ -1000,6 +1008,12 @@ div#cgit div.diffstat-summary {  /* Unified diff */ +/* A scroll box beside the options float would shrink to fit the gap. */+div#cgit div.diff-scroll {+  clear: right;+  overflow-x: auto;+}+ div#cgit table.diff {   width: 100%; }@@ -1427,7 +1441,6 @@ div#cgit table.ssdiff td.space div {   div#cgit #header h1.main {     white-space: normal;     overflow-wrap: anywhere;-    min-width: 0;     font-size: 190%;   } @@ -1453,10 +1466,6 @@ div#cgit table.ssdiff td.space div {   div#cgit table.commit-info {     width: 100%;   }--  div#cgit table.nowrap td {-    white-space: normal;-  } }  @media (max-width: 380px) {
diff --git a/assets/cgit.css b/assets/cgit.css
index 3161102..6c1ada4 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -271,6 +271,9 @@ div#cgit #header h1.main {
   font-size: 250%;
   font-weight: normal;
   white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 div#cgit #header h1.main a {
@@ -436,6 +439,16 @@ div#cgit table.list td {
   padding: 0.3em 0.6em 0.3em 0.6em;
 }
 
+div#cgit table.list td.col-author,
+div#cgit table.list td.col-count,
+div#cgit table.list td.col-links {
+  white-space: nowrap;
+}
+
+div#cgit table.list td.clone-url {
+  overflow-wrap: anywhere;
+}
+
 div#cgit table.list td.commitgraph {
   font-family: var(--font-mono);
   white-space: pre;
@@ -839,10 +852,6 @@ div#cgit table.bin-blob td {
 
 /* Commit / tag */
 
-div#cgit table.nowrap td {
-  white-space: nowrap;
-}
-
 div#cgit table.commit-info {
   border-collapse: collapse;
   margin-top: 1.5em;
@@ -885,7 +894,6 @@ div#cgit table.commit-info th {
 div#cgit table.commit-info td {
   font-weight: normal;
   padding: 0.1em 1em 0.1em 0.1em;
-  overflow-wrap: anywhere;
 }
 
 div#cgit div.commit-subject {
@@ -1000,6 +1008,12 @@ div#cgit div.diffstat-summary {
 
 /* Unified diff */
 
+/* A scroll box beside the options float would shrink to fit the gap. */
+div#cgit div.diff-scroll {
+  clear: right;
+  overflow-x: auto;
+}
+
 div#cgit table.diff {
   width: 100%;
 }
@@ -1427,7 +1441,6 @@ div#cgit table.ssdiff td.space div {
   div#cgit #header h1.main {
     white-space: normal;
     overflow-wrap: anywhere;
-    min-width: 0;
     font-size: 190%;
   }
 
@@ -1453,10 +1466,6 @@ div#cgit table.ssdiff td.space div {
   div#cgit table.commit-info {
     width: 100%;
   }
-
-  div#cgit table.nowrap td {
-    white-space: normal;
-  }
 }
 
 @media (max-width: 380px) {