From 0a30f00263b4df36e979d04f2bc12bc59cf0bcc6 Mon Sep 17 00:00:00 2001
From: Shiny Nematoda <snematoda.751k2@aleeas.com>
Date: Sat, 7 Sep 2024 19:59:15 +0000
Subject: [PATCH 1/2] ui(wiki): fix search result overflow for long lines

---
 templates/repo/wiki/search.tmpl | 6 +++---
 templates/repo/wiki/view.tmpl   | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/repo/wiki/search.tmpl b/templates/repo/wiki/search.tmpl
index d3af9bdcb2..0bccd40840 100644
--- a/templates/repo/wiki/search.tmpl
+++ b/templates/repo/wiki/search.tmpl
@@ -1,9 +1,9 @@
 {{if .Results}}
 	{{range .Results}}
-		<a class="item" href="{{$.RepoLink}}/wiki/{{.Filename}}">
-			<b class="tw-block tw-mb-2">{{.Filename}}</b>
+		<a class="item tw-max-w-[80vw]" href="{{$.RepoLink}}/wiki/{{.Filename}}">
+			<b class="tw-block tw-mb-2 tw-whitespace-break-spaces">{{.Filename}}</b>
 			{{range .LineCodes}}
-				<p class="tw-my-0">{{.}}</p>
+				<p class="tw-my-0 tw-whitespace-break-spaces">{{.}}</p>
 			{{end}}
 		</a>
 	{{end}}
diff --git a/templates/repo/wiki/view.tmpl b/templates/repo/wiki/view.tmpl
index 19b6968796..40af307524 100644
--- a/templates/repo/wiki/view.tmpl
+++ b/templates/repo/wiki/view.tmpl
@@ -28,16 +28,16 @@
 					</div>
 				</div>
 			</div>
-			<div class="clone-panel ui action small input">
+			<div class="clone-panel ui action small input tw-ml-auto">
 				{{template "repo/clone_buttons" .}}
 				{{template "repo/clone_script" .}}
 			</div>
-			<div class="ui floating dropdown jump">
+			<div class="ui floating dropdown jump tw-ml-auto">
 				<div class="ui icon search input">
 					<i class="icon">{{svg "octicon-search"}}</i>
 					<input type="search" name="q" hx-get="{{$.RepoLink}}/wiki/search" hx-target="#wiki-search" hx-swap="innerHTML" hx-trigger="keyup changed delay:.5s" placeholder="{{ctx.Locale.Tr "repo.wiki.search"}}..." />
 				</div>
-				<div id="wiki-search" class="menu tw-absolute tw-mt-3 tw-rounded right">
+				<div id="wiki-search" class="menu tw-absolute tw-max-h-[65dvh] tw-overflow-y-auto tw-mt-3 tw-rounded left">
 					<div class="item muted">{{ctx.Locale.Tr "repo.wiki.no_search_results"}}</div>
 				</div>
 			</div>

From 5365ca76cec7e35214e574ab61761fa29d85bbc6 Mon Sep 17 00:00:00 2001
From: Shiny Nematoda <snematoda.751k2@aleeas.com>
Date: Sat, 7 Sep 2024 20:02:16 +0000
Subject: [PATCH 2/2] ui(code-search): webkit hack to hide marker for summary
 tags

closes forgejo/forgejo#5259
---
 web_src/css/repo.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index d4dc140f09..3bc1a1e6e1 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -1747,6 +1747,13 @@ td .commit-summary {
   color: inherit;
 }
 
+/* workaround for safari as it does not support 'display: list-item' for summary tags yet
+** see https://codeberg.org/forgejo/forgejo/issues/5259 */
+details.repo-search-result summary::-webkit-details-marker,
+details.repo-search-result summary::marker {
+  display: none;
+}
+
 .search-highlight {
   background: var(--color-primary-alpha-40);
 }