diff options
author | silverwind <me@silverwind.io> | 2024-04-23 06:17:51 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-04-23 04:17:51 +0000 |
commit | 370b1bdb3757e91c59303b0ce6ec49c56eca795b (patch) | |
tree | 1610fe503fdb9a15abdb55a6bba2415c16e80156 /templates/projects | |
parent | 30dd4beeee631860c7dd393c341e9955997095a4 (diff) | |
download | gitea-370b1bdb3757e91c59303b0ce6ec49c56eca795b.tar.gz gitea-370b1bdb3757e91c59303b0ce6ec49c56eca795b.zip |
Fix project name wrapping, remove horizontal margin on header (#30631)
Enable wrapping of unbroken lines:
<img width="1308" alt="Screenshot 2024-04-22 at 00 31 33"
src="https://github.com/go-gitea/gitea/assets/115237/1a28ade1-d708-4260-96a3-cf508b6dcb79">
Remove extra margin added by nested `.ui.container` on certain
viewports:
Before:
<img width="1305" alt="Screenshot 2024-04-22 at 00 40 23"
src="https://github.com/go-gitea/gitea/assets/115237/d3d8c0d1-380c-4867-b95c-4d53d70d4a93">
After:
<img width="1310" alt="Screenshot 2024-04-22 at 00 40 33"
src="https://github.com/go-gitea/gitea/assets/115237/2ba7b9f2-db2f-4bcc-8cce-5c415625ddea">
Diffstat (limited to 'templates/projects')
-rw-r--r-- | templates/projects/list.tmpl | 4 | ||||
-rw-r--r-- | templates/projects/view.tmpl | 6 |
2 files changed, 5 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 @@ <div class="milestone-list"> {{range .Projects}} <li class="milestone-card"> - <h3 class="flex-text-block tw-m-0"> + <h3 class="flex-text-block tw-m-0 tw-gap-3"> {{svg .IconName 16}} - <a class="muted" href="{{.Link ctx}}">{{.Title}}</a> + <a class="muted tw-break-anywhere" href="{{.Link ctx}}">{{.Title}}</a> </h3> <div class="milestone-toolbar"> <div class="group"> diff --git a/templates/projects/view.tmpl b/templates/projects/view.tmpl index f9b85360e0..3e000660e2 100644 --- a/templates/projects/view.tmpl +++ b/templates/projects/view.tmpl @@ -1,8 +1,8 @@ {{$canWriteProject := and .CanWriteProjects (or (not .Repository) (not .Repository.IsArchived))}} -<div class="ui container"> - <div class="tw-flex tw-justify-between tw-items-center tw-mb-4"> - <h2 class="tw-mb-0">{{.Project.Title}}</h2> +<div class="ui container tw-max-w-full"> + <div class="tw-flex tw-justify-between tw-items-center tw-mb-4 tw-gap-3"> + <h2 class="tw-mb-0 tw-flex-1 tw-break-anywhere">{{.Project.Title}}</h2> {{if $canWriteProject}} <div class="ui compact mini menu"> <a class="item" href="{{.Link}}/edit?redirect=project"> |