Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add wrapper to author to avoid long name ui problem #23030

Merged
merged 15 commits into from
Feb 23, 2023
Merged

Add wrapper to author to avoid long name ui problem #23030

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
d6b0b5c
add wrapper to author to avoid long name ui problem
testmyname Feb 21, 2023
abc9931
remove span for links and fix lint
HesterG Feb 21, 2023
beb9c86
fix lint
HesterG Feb 21, 2023
a2a62d9
remove span
testmyname Feb 21, 2023
9c1599f
Merge branch 'main' into long-name-maxwidth-issue22866
lunny Feb 21, 2023
44e181e
Merge branch 'main' into long-name-maxwidth-issue22866
lunny Feb 21, 2023
26ab2b6
Merge branch 'main' into long-name-maxwidth-issue22866
lunny Feb 21, 2023
15ed4b0
table layout
testmyname Feb 22, 2023
97b9ed5
adjust mobile
HesterG Feb 22, 2023
18ca20f
shorter long msg
HesterG Feb 22, 2023
302fd15
change to better width for long msg
HesterG Feb 22, 2023
f6b4fab
Merge branch 'main' into long-name-maxwidth-issue22866
wolfogre Feb 23, 2023
5ee7db7
Merge branch 'main' into long-name-maxwidth-issue22866
lunny Feb 23, 2023
e523df3
Merge branch 'main' into long-name-maxwidth-issue22866
lunny Feb 23, 2023
9457d32
Merge branch 'main' into long-name-maxwidth-issue22866
jolheiser Feb 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions templates/repo/view_list.tmpl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,14 +8,14 @@
{{if .LatestCommitUser}}
{{avatar $.Context .LatestCommitUser 24}}
{{if .LatestCommitUser.FullName}}
<a class="muted" href="{{.LatestCommitUser.HomeLink}}"><strong>{{.LatestCommitUser.FullName}}</strong></a>
<a class="muted author-wrapper" title="{{.LatestCommitUser.FullName}}" href="{{.LatestCommitUser.HomeLink}}"><strong>{{.LatestCommitUser.FullName}}</strong></a>
{{else}}
<a class="muted" href="{{.LatestCommitUser.HomeLink}}"><strong>{{if .LatestCommit.Author}}{{.LatestCommit.Author.Name}}{{else}}{{.LatestCommitUser.Name}}{{end}}</strong></a>
<a class="muted author-wrapper" title="{{if .LatestCommit.Author}}{{.LatestCommit.Author.Name}}{{else}}{{.LatestCommitUser.Name}}{{end}}" href="{{.LatestCommitUser.HomeLink}}"><strong>{{if .LatestCommit.Author}}{{.LatestCommit.Author.Name}}{{else}}{{.LatestCommitUser.Name}}{{end}}</strong></a>
{{end}}
{{else}}
{{if .LatestCommit.Author}}
{{avatarByEmail $.Context .LatestCommit.Author.Email .LatestCommit.Author.Name 24}}
<strong>{{.LatestCommit.Author.Name}}</strong>
<span class="author-wrapper" title="{{.LatestCommit.Author.Name}}"><strong>{{.LatestCommit.Author.Name}}</strong></span>
{{end}}
{{end}}
<a rel="nofollow" class="ui sha label {{if .LatestCommit.Signature}} isSigned {{if .LatestCommitVerification.Verified}} isVerified{{if eq .LatestCommitVerification.TrustStatus "trusted"}}{{else if eq .LatestCommitVerification.TrustStatus "untrusted"}}Untrusted{{else}}Unmatched{{end}}{{else if .LatestCommitVerification.Warning}} isWarning{{end}}{{end}}" href="{{.RepoLink}}/commit/{{PathEscape .LatestCommit.ID.String}}">
Expand Down
11 changes: 10 additions & 1 deletion web_src/less/_repository.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2914,14 +2914,19 @@ tbody.commit-list {
vertical-align: baseline;
}

.message-wrapper {
.message-wrapper,
.author-wrapper {
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 50px);
display: inline-block;
vertical-align: middle;
}

.author-wrapper {
max-width: 200px;
}

// in the commit list, messages can wrap so we can use inline
.commit-list .message-wrapper {
display: inline;
Expand All @@ -2941,6 +2946,10 @@ tbody.commit-list {
display: block;
max-width: calc(100vw - 70px);
}

.author-wrapper {
max-width: 100px;
}
}

@media @mediaMd {
Expand Down