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] 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>