MarcoBuster/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2024-12-21 17:47:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Optimized the button styles on the right side of the top navigation bar

Browse Source
This commit is contained in:
Kerwin Bryant 2024-11-28 14:19:56 +00:00
parent f9c54b8bf7
commit cadfbad2b5
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/base/head_navbar.tmpl
View File

@ -122,10 +122,10 @@
</div><!-- end dropdown menu create new -->
<div class="ui dropdown jump item tw-mx-0 tw-pr-2" data-tooltip-content="{{ctx.Locale.Tr "user_profile_and_more"}}">
<span class="text tw-flex tw-items-center">
{{ctx.AvatarUtils.Avatar .SignedUser 36 "not-mobile"}}
<span class="text tw-flex tw-items-center only-mobile">
{{ctx.AvatarUtils.Avatar .SignedUser 24 "tw-mr-1"}}
<span class="only-mobile tw-ml-2">{{.SignedUser.Name}}</span>
<span class="not-mobile">{{svg "octicon-triangle-down"}}</span>
</span>
<div class="menu user-menu">
<div class="ui header">

13
web_src/css/modules/navbar.css
View File

@ -39,6 +39,19 @@
border-radius: .28571429rem;
}
@media (min-width: 768px) {
.navbar-right > .item:not(:has(.ui.avatar)) {
border: 1px solid;
border-color: var(--color-secondary);
}
.navbar-right > .item:has(.ui.avatar) {
padding: 0!important;
}
}
#navbar .item {
min-height: 36px;
min-width: 36px;