From 2be724c85dc1bffecc0ca021eb2970024ce07128 Mon Sep 17 00:00:00 2001 From: Giteabot Date: Tue, 23 Apr 2024 18:48:36 +0800 Subject: [PATCH] Fix project name wrapping, remove horizontal margin on header (#30631) (#30654) Backport #30631 by @silverwind Enable wrapping of unbroken lines: Screenshot 2024-04-22 at 00 31 33 Remove extra margin added by nested `.ui.container` on certain viewports: Before: Screenshot 2024-04-22 at 00 40 23 After: Screenshot 2024-04-22 at 00 40 33 --------- Co-authored-by: silverwind --- templates/projects/list.tmpl | 4 ++-- templates/projects/view.tmpl | 6 +++--- web_src/css/helpers.css | 3 +++ 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/templates/projects/list.tmpl b/templates/projects/list.tmpl index ec02e9a6fc..b2f48fe2c9 100644 --- a/templates/projects/list.tmpl +++ b/templates/projects/list.tmpl @@ -41,9 +41,9 @@
{{range .Projects}}
  • -

    +

    {{svg .IconName 16}} - {{.Title}} + {{.Title}}

    diff --git a/templates/projects/view.tmpl b/templates/projects/view.tmpl index 0944ba900d..861c7ef5a9 100644 --- a/templates/projects/view.tmpl +++ b/templates/projects/view.tmpl @@ -1,8 +1,8 @@ {{$canWriteProject := and .CanWriteProjects (or (not .Repository) (not .Repository.IsArchived))}} -
    -
    -

    {{.Project.Title}}

    +
    +
    +

    {{.Project.Title}}

    {{if $canWriteProject}}
    diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css index 13962f19d7..2d218a919b 100644 --- a/web_src/css/helpers.css +++ b/web_src/css/helpers.css @@ -52,6 +52,9 @@ only use: */ .tw-hidden.tw-hidden { display: none !important; } +/* proposed class from https://github.com/tailwindlabs/tailwindcss/pull/12128 */ +.tw-break-anywhere { overflow-wrap: anywhere !important; } + @media (max-width: 767.98px) { /* double selector so it wins over .tw-flex (old .gt-df) etc */ .not-mobile.not-mobile { -- 2.39.5