fix(ui): org worktime page overflows the screen on mobile (#40033)

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
Vu Linh Truongandwxiaoguang authored and GitHub committed 2026-10-28 08:49:17 +00:00
1 parent 643bd38051
commit 30e5ef4228
4 files changed
+10 -12

No files matched your search

+6 -8
View File
@@ -2,7 +2,7 @@
<div class="page-content organization times">
{{template "org/header" .}}
<div class="ui container">
<div class="ui grid">
<div class="ui stackable grid">
<div class="three wide column">
<form class="ui form" method="get">
<input type="hidden" name="by" value="{{$.WorktimeBy}}">
@@ -18,13 +18,11 @@
</form>
</div>
<div class="thirteen wide column">
<div class="ui column">
<div class="ui compact small menu">
{{$queryParams := QueryBuild "from" .RangeFrom "to" .RangeTo}}
<a class="{{Iif .WorktimeByRepos "active"}} item" href="{{$.Org.OrganisationLink}}/worktime?by=repos&{{$queryParams}}">{{svg "octicon-repo"}} {{ctx.Locale.Tr "org.worktime.by_repositories"}}</a>
<a class="{{Iif .WorktimeByMilestones "active"}} item" href="{{$.Org.OrganisationLink}}/worktime?by=milestones&{{$queryParams}}">{{svg "octicon-milestone"}} {{ctx.Locale.Tr "org.worktime.by_milestones"}}</a>
<a class="{{Iif .WorktimeByMembers "active"}} item" href="{{$.Org.OrganisationLink}}/worktime?by=members&{{$queryParams}}">{{svg "octicon-people"}} {{ctx.Locale.Tr "org.worktime.by_members"}}</a>
</div>
<div class="ui compact small menu tw-overflow-scroll">
{{$queryParams := QueryBuild "from" .RangeFrom "to" .RangeTo}}
<a class="{{Iif .WorktimeByRepos "active"}} item" href="{{$.Org.OrganisationLink}}/worktime?by=repos&{{$queryParams}}">{{svg "octicon-repo"}} {{ctx.Locale.Tr "org.worktime.by_repositories"}}</a>
<a class="{{Iif .WorktimeByMilestones "active"}} item" href="{{$.Org.OrganisationLink}}/worktime?by=milestones&{{$queryParams}}">{{svg "octicon-milestone"}} {{ctx.Locale.Tr "org.worktime.by_milestones"}}</a>
<a class="{{Iif .WorktimeByMembers "active"}} item" href="{{$.Org.OrganisationLink}}/worktime?by=members&{{$queryParams}}">{{svg "octicon-people"}} {{ctx.Locale.Tr "org.worktime.by_members"}}</a>
</div>
{{if .WorktimeByRepos}}
{{template "org/worktime/table_repos" dict "Org" .Org "WorktimeSumResult" .WorktimeSumResult}}
+1 -1
View File
@@ -8,7 +8,7 @@
<tbody>
{{range $.WorktimeSumResult}}
<tr>
<td>{{svg "octicon-person"}} <a href="{{AppSubUrl}}/{{PathEscape .UserName}}">{{.UserName}}</a></td>
<td class="tw-break-anywhere">{{svg "octicon-person"}} <a href="{{AppSubUrl}}/{{PathEscape .UserName}}">{{.UserName}}</a></td>
<td>{{svg "octicon-clock"}} {{.SumTime | Sec2Hour}}</td>
</tr>
{{else}}
+2 -2
View File
@@ -9,12 +9,12 @@
<tbody>
{{range $.WorktimeSumResult}}
<tr>
<td>
<td class="tw-break-anywhere">
{{if not .HideRepoName}}
{{svg "octicon-repo"}} <a href="{{$.Org.HomeLink}}/{{PathEscape .RepoName}}/issues">{{.RepoName}}</a>
{{end}}
</td>
<td>
<td class="tw-break-anywhere">
{{if .MilestoneName}}
{{svg "octicon-milestone"}} <a href="{{$.Org.HomeLink}}/{{PathEscape .RepoName}}/milestone/{{.MilestoneID}}">{{.MilestoneName}}</a>
{{else}}
+1 -1
View File
@@ -8,7 +8,7 @@
<tbody>
{{range $.WorktimeSumResult}}
<tr>
<td>{{svg "octicon-repo"}} <a href="{{$.Org.HomeLink}}/{{PathEscape .RepoName}}/issues">{{.RepoName}}</a></td>
<td class="tw-break-anywhere">{{svg "octicon-repo"}} <a href="{{$.Org.HomeLink}}/{{PathEscape .RepoName}}/issues">{{.RepoName}}</a></td>
<td>{{svg "octicon-clock"}} {{.SumTime | Sec2Hour}}</td>
</tr>
{{else}}