From 314740e215fa2d4a0a375095ce0a7c484af56ebb Mon Sep 17 00:00:00 2001
From: zeripath <art27@cantab.net>
Date: Mon, 17 Feb 2020 17:45:55 +0000
Subject: Truncate long commit message header (#10301)

* Truncate long commit message header

* Fix overflow in view commit table

* Use @media less

* Further improvements

* Fix the commit message on small screens

* adjust width of minimal table
---
 web_src/less/_repository.less | 39 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

(limited to 'web_src/less')

diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 6bbb0ea3a7..93fda6d764 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -2383,7 +2383,7 @@ tbody.commit-list {
     vertical-align: baseline;
 }
 
-.commit-list .message-wrapper {
+.message-wrapper {
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: calc(100% - 50px);
@@ -2391,6 +2391,43 @@ tbody.commit-list {
     vertical-align: middle;
 }
 
+@media only screen and (max-width: 767.98px) {
+    tr.commit-list {
+        width: 100%;
+    }
+    th .message-wrapper {
+        display: block;
+        max-width: calc(100vw - 70px);
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991.98px) {
+    tr.commit-list {
+        width: 723px;
+    }
+    th .message-wrapper {
+        max-width: 280px;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
+    tr.commit-list {
+        width: 933px;
+    }
+    th .message-wrapper {
+        max-width: 490px;
+    }
+}
+
+@media only screen and (min-width: 1200px) {
+    tr.commit-list {
+        width: 1127px;
+    }
+    th .message-wrapper {
+        max-width: 680px;
+    }
+}
+
 .commit-list .commit-summary a {
     text-decoration: underline;
     text-decoration-style: dashed;
-- 
cgit v1.2.3