diff options
Diffstat (limited to 'templates/base/head.tmpl')
| -rw-r--r-- | templates/base/head.tmpl | 227 |
1 files changed, 116 insertions, 111 deletions
diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl index 93e819847d..1fc5f9c596 100644 --- a/templates/base/head.tmpl +++ b/templates/base/head.tmpl @@ -2,6 +2,7 @@ <html> <head data-suburl="{{AppSubUrl}}"> <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>{{if .Title}}{{.Title}} - {{end}}{{AppName}}</title> <meta name="theme-color" content="{{ThemeColorMetaTag}}"> @@ -133,129 +134,133 @@ <noscript>{{.i18n.Tr "enable_javascript"}}</noscript> {{if not .PageIsInstall}} - <div class="following bar light"> - <div class="ui container"> - <div class="ui grid"> - <div class="column"> - <div class="ui top secondary menu"> - <a class="item brand" href="{{AppSubUrl}}/"> - <img class="ui mini image" src="{{AppSubUrl}}/img/gitea-sm.png"> - </a> + <div class="ui top secondary stackable main menu following bar light"> + <div class="ui container" id="navbar"> + <div class="item brand" style="justify-content: space-between;"> + <a href="{{AppSubUrl}}/" href="{{AppSubUrl}}/"> + <img class="ui mini image" src="{{AppSubUrl}}/img/gitea-sm.png"> + </a> + <div class="ui basic icon button mobile-only" id="navbar-expand-toggle"> + <i class="sidebar icon"></i> + </div> + </div> - {{if .IsSigned}} - <a class="item{{if .PageIsDashboard}} active{{end}}" href="{{AppSubUrl}}/">{{.i18n.Tr "dashboard"}}</a> - <a class="item{{if .PageIsIssues}} active{{end}}" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a> - <a class="item{{if .PageIsPulls}} active{{end}}" href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a> - {{else}} - <a class="item{{if .PageIsHome}} active{{end}}" href="{{AppSubUrl}}/">{{.i18n.Tr "home"}}</a> - {{end}} + {{if .IsSigned}} + <a class="item{{if .PageIsDashboard}} active{{end}}" href="{{AppSubUrl}}/">{{.i18n.Tr "dashboard"}}</a> + <a class="item{{if .PageIsIssues}} active{{end}}" href="{{AppSubUrl}}/issues">{{.i18n.Tr "issues"}}</a> + <a class="item{{if .PageIsPulls}} active{{end}}" href="{{AppSubUrl}}/pulls">{{.i18n.Tr "pull_requests"}}</a> + {{else}} + <a class="item{{if .PageIsHome}} active{{end}}" href="{{AppSubUrl}}/">{{.i18n.Tr "home"}}</a> + {{end}} - <a class="item{{if .PageIsExplore}} active{{end}}" href="{{AppSubUrl}}/explore/repos">{{.i18n.Tr "explore"}}</a> - {{/*<div class="item"> - <div class="ui icon input"> - <input class="searchbox" type="text" placeholder="{{.i18n.Tr "search_project"}}"> - <i class="search icon"></i> - </div> - </div>*/}} + <a class="item{{if .PageIsExplore}} active{{end}}" href="{{AppSubUrl}}/explore/repos">{{.i18n.Tr "explore"}}</a> + {{/* + <div class="item"> + <div class="ui icon input"> + <input class="searchbox" type="text" placeholder="{{.i18n.Tr "search_project"}}"> + <i class="search icon"></i> + </div> + </div> + */}} - {{if .IsSigned}} - <div class="right menu"> - <a href="{{AppSubUrl}}/notifications" class="ui head link jump item poping up" data-content='{{.i18n.Tr "notifications"}}' data-variation="tiny inverted"> - <span class="text"> - <i class="octicon octicon-inbox"><span class="sr-only">{{.i18n.Tr "notifications"}}</span></i> + {{if .IsSigned}} + <div class="right stackable menu"> + <a href="{{AppSubUrl}}/notifications" class="item poping up" data-content='{{.i18n.Tr "notifications"}}' data-variation="tiny inverted"> + <span class="text"> + <i class="fitted octicon octicon-inbox"></i> + <span class="sr-mobile-only">{{.i18n.Tr "notifications"}}</span> - {{if .NotificationUnreadCount}} - <span class="ui red label"> - {{.NotificationUnreadCount}} - </span> - {{end}} - </span> - </a> + {{if .NotificationUnreadCount}} + <span class="ui red label"> + {{.NotificationUnreadCount}} + </span> + {{end}} + </span> + </a> - <div class="ui dropdown head link jump item poping up" data-content="{{.i18n.Tr "create_new"}}" data-variation="tiny inverted"> - <span class="text"> - <i class="octicon octicon-plus"><span class="sr-only">{{.i18n.Tr "create_new"}}</span></i> - <i class="octicon octicon-triangle-down"></i> - </span> - <div class="menu"> - <a class="item" href="{{AppSubUrl}}/repo/create"> - <i class="octicon octicon-plus"></i> {{.i18n.Tr "new_repo"}} - </a> - <a class="item" href="{{AppSubUrl}}/repo/migrate"> - <i class="octicon octicon-repo-clone"></i> {{.i18n.Tr "new_migrate"}} - </a> - {{if .SignedUser.CanCreateOrganization}} - <a class="item" href="{{AppSubUrl}}/org/create"> - <i class="octicon octicon-organization"></i> {{.i18n.Tr "new_org"}} - </a> - {{end}} - </div><!-- end content create new menu --> - </div><!-- end dropdown menu create new --> + <div class="ui dropdown jump item poping up" data-content="{{.i18n.Tr "create_new"}}" data-variation="tiny inverted"> + <span class="text"> + <i class="fitted octicon octicon-plus"></i> + <span class="sr-mobile-only">{{.i18n.Tr "create_new"}}</span> + <i class="fitted octicon octicon-triangle-down not-mobile"></i> + </span> + <div class="menu"> + <a class="item" href="{{AppSubUrl}}/repo/create"> + <i class="fitted octicon octicon-plus"></i> {{.i18n.Tr "new_repo"}} + </a> + <a class="item" href="{{AppSubUrl}}/repo/migrate"> + <i class="fitted octicon octicon-repo-clone"></i> {{.i18n.Tr "new_migrate"}} + </a> + {{if .SignedUser.CanCreateOrganization}} + <a class="item" href="{{AppSubUrl}}/org/create"> + <i class="fitted octicon octicon-organization"></i> {{.i18n.Tr "new_org"}} + </a> + {{end}} + </div><!-- end content create new menu --> + </div><!-- end dropdown menu create new --> - <div class="ui dropdown head link jump item poping up" tabindex="-1" data-content="{{.i18n.Tr "user_profile_and_more"}}" data-variation="tiny inverted"> - <span class="text avatar"> - <img class="ui small rounded image" src="{{.SignedUser.RelAvatarLink}}"> - <span class="sr-only">{{.i18n.Tr "user_profile_and_more"}}</span> - <i class="octicon octicon-triangle-down" tabindex="-1"></i> - </span> - <div class="menu" tabindex="-1"> - <div class="ui header"> - {{.i18n.Tr "signed_in_as"}} <strong>{{.SignedUser.Name}}</strong> - </div> + <div class="ui dropdown jump item poping up" tabindex="-1" data-content="{{.i18n.Tr "user_profile_and_more"}}" data-variation="tiny inverted"> + <span class="text"> + <img class="ui tiny avatar image" src="{{.SignedUser.RelAvatarLink}}"> + <span class="sr-only">{{.i18n.Tr "user_profile_and_more"}}</span> + <span class="mobile-only">{{.SignedUser.Name}}</span> + <i class="fitted octicon octicon-triangle-down not-mobile" tabindex="-1"></i> + </span> + <div class="menu" tabindex="-1"> + <div class="ui header"> + {{.i18n.Tr "signed_in_as"}} <strong>{{.SignedUser.Name}}</strong> + </div> - <div class="divider"></div> - <a class="item" href="{{AppSubUrl}}/{{.SignedUser.Name}}"> - <i class="octicon octicon-person"></i> - {{.i18n.Tr "your_profile"}}<!-- Your profile --> - </a> - <a class="item" href="{{AppSubUrl}}/{{.SignedUser.Name}}?tab=stars"> - <i class="octicon octicon-star"></i> - {{.i18n.Tr "your_starred"}} - </a> - <a class="{{if .PageIsUserSettings}}active{{end}} item" href="{{AppSubUrl}}/user/settings"> - <i class="octicon octicon-settings"></i> - {{.i18n.Tr "your_settings"}}<!-- Your settings --> - </a> - <a class="item" target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io"> - <i class="octicon octicon-question"></i> - {{.i18n.Tr "help"}}<!-- Help --> - </a> - {{if .IsAdmin}} - <div class="divider"></div> + <div class="divider"></div> + <a class="item" href="{{AppSubUrl}}/{{.SignedUser.Name}}"> + <i class="octicon octicon-person"></i> + {{.i18n.Tr "your_profile"}}<!-- Your profile --> + </a> + <a class="item" href="{{AppSubUrl}}/{{.SignedUser.Name}}?tab=stars"> + <i class="octicon octicon-star"></i> + {{.i18n.Tr "your_starred"}} + </a> + <a class="{{if .PageIsUserSettings}}active{{end}} item" href="{{AppSubUrl}}/user/settings"> + <i class="octicon octicon-settings"></i> + {{.i18n.Tr "your_settings"}}<!-- Your settings --> + </a> + <a class="item" target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io"> + <i class="octicon octicon-question"></i> + {{.i18n.Tr "help"}}<!-- Help --> + </a> + {{if .IsAdmin}} + <div class="divider"></div> - <a class="{{if .PageIsAdmin}}active{{end}} item" href="{{AppSubUrl}}/admin"> - <i class="icon settings"></i> - {{.i18n.Tr "admin_panel"}}<!-- Admin Panel --> - </a> - {{end}} + <a class="{{if .PageIsAdmin}}active{{end}} item" href="{{AppSubUrl}}/admin"> + <i class="icon settings"></i> + {{.i18n.Tr "admin_panel"}}<!-- Admin Panel --> + </a> + {{end}} - <div class="divider"></div> - <a class="item" href="{{AppSubUrl}}/user/logout"> - <i class="octicon octicon-sign-out"></i> - {{.i18n.Tr "sign_out"}}<!-- Sign Out --> - </a> - </div><!-- end content avatar menu --> - </div><!-- end dropdown avatar menu --> - </div><!-- end signed user right menu --> + <div class="divider"></div> + <a class="item" href="{{AppSubUrl}}/user/logout"> + <i class="octicon octicon-sign-out"></i> + {{.i18n.Tr "sign_out"}}<!-- Sign Out --> + </a> + </div><!-- end content avatar menu --> + </div><!-- end dropdown avatar menu --> + </div><!-- end signed user right menu --> - {{else}} + {{else}} - <a class="item" target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io">{{.i18n.Tr "help"}}</a> - <div class="right menu"> - {{if .ShowRegistrationButton}} - <a class="item{{if .PageIsSignUp}} active{{end}}" href="{{AppSubUrl}}/user/sign_up"> - <i class="octicon octicon-person"></i> {{.i18n.Tr "register"}} - </a> - {{end}} - <a class="item{{if .PageIsSignIn}} active{{end}}" href="{{AppSubUrl}}/user/login?redirect_to={{.Link}}"> - <i class="octicon octicon-sign-in"></i> {{.i18n.Tr "sign_in"}} - </a> - </div><!-- end anonymous right menu --> + <a class="item" target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io">{{.i18n.Tr "help"}}</a> + <div class="right stackable menu"> + {{if .ShowRegistrationButton}} + <a class="item{{if .PageIsSignUp}} active{{end}}" href="{{AppSubUrl}}/user/sign_up"> + <i class="octicon octicon-person"></i> {{.i18n.Tr "register"}} + </a> + {{end}} + <a class="item{{if .PageIsSignIn}} active{{end}}" href="{{AppSubUrl}}/user/login?redirect_to={{.Link}}"> + <i class="octicon octicon-sign-in"></i> {{.i18n.Tr "sign_in"}} + </a> + </div><!-- end anonymous right menu --> - {{end}} - </div><!-- end top menu --> - </div><!-- end column --> - </div><!-- end grid --> + {{end}} </div><!-- end container --> </div><!-- end bar --> {{end}} |