Fix dropdown menu header and mobile view (#33108)
Some checks are pending
release-nightly / nightly-binary (push) Waiting to run
release-nightly / nightly-docker-rootful (push) Waiting to run
release-nightly / nightly-docker-rootless (push) Waiting to run

![image](https://github.com/user-attachments/assets/3f831c8c-ef87-4282-880a-c2738f3e1d17)

----

![image](https://github.com/user-attachments/assets/c4c0519b-cfa6-42b4-bd28-205ee514eb34)

----

![image](https://github.com/user-attachments/assets/8624a605-9f2b-4905-9cbc-0af073972874)
This commit is contained in:
wxiaoguang
2025-01-06 05:20:22 +08:00
committed by GitHub
parent 4237736029
commit cf60734a4d
4 changed files with 7 additions and 6 deletions

View File

@ -70,7 +70,7 @@
<span class="not-mobile">{{svg "octicon-triangle-down"}}</span> <span class="not-mobile">{{svg "octicon-triangle-down"}}</span>
</span> </span>
<div class="menu user-menu"> <div class="menu user-menu">
<div class="ui header"> <div class="header">
{{ctx.Locale.Tr "signed_in_as"}} <strong>{{.SignedUser.Name}}</strong> {{ctx.Locale.Tr "signed_in_as"}} <strong>{{.SignedUser.Name}}</strong>
</div> </div>
@ -130,7 +130,7 @@
{{/* do not localize it, here it needs the fixed length (width) to make UI comfortable */}} {{/* do not localize it, here it needs the fixed length (width) to make UI comfortable */}}
{{if .IsAdmin}}<span class="navbar-profile-admin">admin</span>{{end}} {{if .IsAdmin}}<span class="navbar-profile-admin">admin</span>{{end}}
<div class="menu user-menu"> <div class="menu user-menu">
<div class="ui header"> <div class="header">
{{ctx.Locale.Tr "signed_in_as"}} <strong>{{.SignedUser.Name}}</strong> {{ctx.Locale.Tr "signed_in_as"}} <strong>{{.SignedUser.Name}}</strong>
</div> </div>

View File

@ -16,7 +16,7 @@
{{ctx.Locale.Tr "repo.commit.operations"}} {{ctx.Locale.Tr "repo.commit.operations"}}
{{svg "octicon-triangle-down" 14 "dropdown icon"}} {{svg "octicon-triangle-down" 14 "dropdown icon"}}
<div class="menu"> <div class="menu">
<div class="ui header">{{ctx.Locale.Tr "repo.commit.operations"}}</div> <div class="header">{{ctx.Locale.Tr "repo.commit.operations"}}</div>
<div class="divider"></div> <div class="divider"></div>
<div class="item show-create-branch-modal" <div class="item show-create-branch-modal"
data-content="{{ctx.Locale.Tr "repo.branch.new_branch_from" (.CommitID)}}" {{/* used by the form */}} data-content="{{ctx.Locale.Tr "repo.branch.new_branch_from" (.CommitID)}}" {{/* used by the form */}}

View File

@ -12,7 +12,7 @@
{{svg "octicon-triangle-down" 14 "dropdown icon tw-ml-1"}} {{svg "octicon-triangle-down" 14 "dropdown icon tw-ml-1"}}
</span> </span>
<div class="context user overflow menu"> <div class="context user overflow menu">
<div class="ui header"> <div class="header">
{{ctx.Locale.Tr "home.switch_dashboard_context"}} {{ctx.Locale.Tr "home.switch_dashboard_context"}}
</div> </div>
<div class="scrolling menu items"> <div class="scrolling menu items">
@ -56,7 +56,7 @@
</span> </span>
{{svg "octicon-triangle-down" 14 "dropdown icon"}} {{svg "octicon-triangle-down" 14 "dropdown icon"}}
<div class="context user overflow menu"> <div class="context user overflow menu">
<div class="ui header"> <div class="header">
{{ctx.Locale.Tr "home.filter_by_team_repositories"}} {{ctx.Locale.Tr "home.filter_by_team_repositories"}}
</div> </div>
<div class="scrolling menu items"> <div class="scrolling menu items">

View File

@ -48,7 +48,8 @@
align-items: stretch; align-items: stretch;
} }
/* hide all items */ /* hide all items */
#navbar .item { #navbar .navbar-left > .item,
#navbar .navbar-right > .item {
display: none; display: none;
} }
#navbar #navbar-logo { #navbar #navbar-logo {