At the mobile breakpoint, target the repo-name link in the header main
cell and allow wrapping for long unbroken names.

This prevents horizontal overflow from long repo names on narrow screens.

Signed-off-by: Rito Rhymes <[email protected]>
---
 cgit.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/cgit.css b/cgit.css
index e0fb696..34ad5b8 100644
--- a/cgit.css
+++ b/cgit.css
@@ -928,6 +928,10 @@ div#cgit table.ssdiff td.space div {
                padding-left: 0;
        }
 
+       div#cgit table#header td.main a:nth-of-type(2) {
+               overflow-wrap: anywhere;
+       }
+
        div#cgit table#header td.form {
                grid-column: 2;
                grid-row: 2;
-- 
2.51.0

Reply via email to