From 370b1bdb3757e91c59303b0ce6ec49c56eca795b Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Tue, 23 Apr 2024 06:17:51 +0200
Subject: [PATCH] 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">
---
templates/projects/list.tmpl | 4 ++--
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 ec02e9a6fc95..b2f48fe2c9c4 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 f9b85360e0e3..3e000660e285 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">