aboutsummaryrefslogtreecommitdiffstats
path: root/templates/user/dashboard/navbar.tmpl
diff options
context:
space:
mode:
authorvnkmpf <tz@zztt.eu>2021-02-12 02:29:07 +0100
committerGitHub <noreply@github.com>2021-02-12 03:29:07 +0200
commit51fb0463a349fd6eeb58ceeebd9ccf2267200ae6 (patch)
tree9a97da5924b6bfdfb77959ca63ad705abdcd6584 /templates/user/dashboard/navbar.tmpl
parent5a18712dd7dcffecf88d3071381a836a543d8f2a (diff)
downloadgitea-51fb0463a349fd6eeb58ceeebd9ccf2267200ae6.tar.gz
gitea-51fb0463a349fd6eeb58ceeebd9ccf2267200ae6.zip
Fix truncated organization names (#14655)
* Fix truncated organization names Previous ellipsis implementation hid vertical overflow - image + descent line of letters. Organization visibility in select on dashboard was not always visible. This commit extracts classes which don't make collisions with other items on page.
Diffstat (limited to 'templates/user/dashboard/navbar.tmpl')
-rw-r--r--templates/user/dashboard/navbar.tmpl12
1 files changed, 6 insertions, 6 deletions
diff --git a/templates/user/dashboard/navbar.tmpl b/templates/user/dashboard/navbar.tmpl
index c83ffde40a..a6ba1ffee3 100644
--- a/templates/user/dashboard/navbar.tmpl
+++ b/templates/user/dashboard/navbar.tmpl
@@ -2,9 +2,9 @@
<div class="ui secondary stackable menu">
<div class="item">
<div class="ui floating dropdown link jump">
- <span class="text">
+ <span class="text truncated-item-container">
{{avatar .ContextUser}}
- {{.ContextUser.ShortName 40}}
+ <span class="truncated-item-name">{{.ContextUser.ShortName 40}}</span>
{{if .ContextUser.IsOrganization}}
<span class="org-visibility">
{{if .ContextUser.Visibility.IsLimited}}<div class="ui orange tiny horizontal label">{{.i18n.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}}
@@ -18,14 +18,14 @@
{{.i18n.Tr "home.switch_dashboard_context"}}
</div>
<div class="scrolling menu items">
- <a class="{{if eq .ContextUser.ID .SignedUser.ID}}active selected{{end}} item" href="{{AppSubUrl}}/{{if .PageIsIssues}}issues{{else if .PageIsPulls}}pulls{{else if .PageIsMilestonesDashboard}}milestones{{end}}">
+ <a class="{{if eq .ContextUser.ID .SignedUser.ID}}active selected{{end}} item truncated-item-container" href="{{AppSubUrl}}/{{if .PageIsIssues}}issues{{else if .PageIsPulls}}pulls{{else if .PageIsMilestonesDashboard}}milestones{{end}}">
{{avatar .SignedUser}}
- {{.SignedUser.ShortName 40}}
+ <span class="truncated-item-name">{{.SignedUser.ShortName 40}}</span>
</a>
{{range .Orgs}}
- <a class="{{if eq $.ContextUser.ID .ID}}active selected{{end}} item" title="{{.Name}}" href="{{AppSubUrl}}/org/{{.Name}}/{{if $.PageIsIssues}}issues{{else if $.PageIsPulls}}pulls{{else if $.PageIsMilestonesDashboard}}milestones{{else}}dashboard{{end}}">
+ <a class="{{if eq $.ContextUser.ID .ID}}active selected{{end}} item truncated-item-container" title="{{.Name}}" href="{{AppSubUrl}}/org/{{.Name}}/{{if $.PageIsIssues}}issues{{else if $.PageIsPulls}}pulls{{else if $.PageIsMilestonesDashboard}}milestones{{else}}dashboard{{end}}">
{{avatar .}}
- {{.ShortName 40}}
+ <span class="truncated-item-name">{{.ShortName 40}}</span>
<span class="org-visibility">
{{if .Visibility.IsLimited}}<div class="ui orange tiny horizontal label">{{$.i18n.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}}
{{if .Visibility.IsPrivate}}<div class="ui red tiny horizontal label">{{$.i18n.Tr "org.settings.visibility.private_shortname"}}</div>{{end}}