CSS navbar and color tweaks (#13609)

* CSS and color tweaks

- Unify navbar-style menus
- Fix admin bar overlapping menu bar
- Fixes file edit comment box
- Fix double border on review box
- Fix review timeline icons

* Many fixes to new-menu and navbar layout enhancements

* misc settings fixes

* navbar tweak

* fix pr tabs

* branch tag and arc color tweaks
This commit is contained in:
silverwind 2020-11-26 20:33:28 +01:00 committed by GitHub
parent 03fa2eccbc
commit b2de034278
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
18 changed files with 267 additions and 291 deletions

View File

@ -1,35 +1,37 @@
<div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar"> <div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar">
<a class="{{if .PageIsAdminDashboard}}active{{end}} item" href="{{AppSubUrl}}/admin"> <div class="new-menu-inner">
{{.i18n.Tr "admin.dashboard"}} <a class="{{if .PageIsAdminDashboard}}active{{end}} item" href="{{AppSubUrl}}/admin">
</a> {{.i18n.Tr "admin.dashboard"}}
<a class="{{if .PageIsAdminUsers}}active{{end}} item" href="{{AppSubUrl}}/admin/users"> </a>
{{.i18n.Tr "admin.users"}} <a class="{{if .PageIsAdminUsers}}active{{end}} item" href="{{AppSubUrl}}/admin/users">
</a> {{.i18n.Tr "admin.users"}}
<a class="{{if .PageIsAdminOrganizations}}active{{end}} item" href="{{AppSubUrl}}/admin/orgs"> </a>
{{.i18n.Tr "admin.organizations"}} <a class="{{if .PageIsAdminOrganizations}}active{{end}} item" href="{{AppSubUrl}}/admin/orgs">
</a> {{.i18n.Tr "admin.organizations"}}
<a class="{{if .PageIsAdminRepositories}}active{{end}} item" href="{{AppSubUrl}}/admin/repos"> </a>
{{.i18n.Tr "admin.repositories"}} <a class="{{if .PageIsAdminRepositories}}active{{end}} item" href="{{AppSubUrl}}/admin/repos">
</a> {{.i18n.Tr "admin.repositories"}}
<a class="{{if .PageIsAdminHooks}}active{{end}} item" href="{{AppSubUrl}}/admin/hooks"> </a>
{{.i18n.Tr "admin.hooks"}} <a class="{{if .PageIsAdminHooks}}active{{end}} item" href="{{AppSubUrl}}/admin/hooks">
</a> {{.i18n.Tr "admin.hooks"}}
<a class="{{if .PageIsAdminSystemHooks}}active{{end}} item" href="{{AppSubUrl}}/admin/system-hooks"> </a>
{{.i18n.Tr "admin.systemhooks"}} <a class="{{if .PageIsAdminSystemHooks}}active{{end}} item" href="{{AppSubUrl}}/admin/system-hooks">
</a> {{.i18n.Tr "admin.systemhooks"}}
<a class="{{if .PageIsAdminAuthentications}}active{{end}} item" href="{{AppSubUrl}}/admin/auths"> </a>
{{.i18n.Tr "admin.authentication"}} <a class="{{if .PageIsAdminAuthentications}}active{{end}} item" href="{{AppSubUrl}}/admin/auths">
</a> {{.i18n.Tr "admin.authentication"}}
<a class="{{if .PageIsAdminEmails}}active{{end}} item" href="{{AppSubUrl}}/admin/emails"> </a>
{{.i18n.Tr "admin.emails"}} <a class="{{if .PageIsAdminEmails}}active{{end}} item" href="{{AppSubUrl}}/admin/emails">
</a> {{.i18n.Tr "admin.emails"}}
<a class="{{if .PageIsAdminConfig}}active{{end}} item" href="{{AppSubUrl}}/admin/config"> </a>
{{.i18n.Tr "admin.config"}} <a class="{{if .PageIsAdminConfig}}active{{end}} item" href="{{AppSubUrl}}/admin/config">
</a> {{.i18n.Tr "admin.config"}}
<a class="{{if .PageIsAdminNotices}}active{{end}} item" href="{{AppSubUrl}}/admin/notices"> </a>
{{.i18n.Tr "admin.notices"}} <a class="{{if .PageIsAdminNotices}}active{{end}} item" href="{{AppSubUrl}}/admin/notices">
</a> {{.i18n.Tr "admin.notices"}}
<a class="{{if .PageIsAdminMonitor}}active{{end}} item" href="{{AppSubUrl}}/admin/monitor"> </a>
{{.i18n.Tr "admin.monitor"}} <a class="{{if .PageIsAdminMonitor}}active{{end}} item" href="{{AppSubUrl}}/admin/monitor">
</a> {{.i18n.Tr "admin.monitor"}}
</a>
</div>
</div> </div>

View File

@ -2,9 +2,11 @@
<img width="48" height="48" class="ui image commit-avatar" src="{{.SignedUser.RelAvatarLink}}"> <img width="48" height="48" class="ui image commit-avatar" src="{{.SignedUser.RelAvatarLink}}">
<div class="commit-form"> <div class="commit-form">
<h3>{{- if .CanCommitToBranch.WillSign}} <h3>{{- if .CanCommitToBranch.WillSign}}
<i title="{{.i18n.Tr "repo.signing.will_sign" .CanCommitToBranch.SigningKey}}" class="lock green icon"></i>{{.i18n.Tr "repo.editor.commit_signed_changes"}} <span title="{{.i18n.Tr "repo.signing.will_sign" .CanCommitToBranch.SigningKey}}">{{svg "octicon-lock" 24}}</span>
{{.i18n.Tr "repo.editor.commit_signed_changes"}}
{{- else}} {{- else}}
<i title="{{.i18n.Tr (printf "repo.signing.wont_sign.%s" .CanCommitToBranch.WontSignReason)}}" class="unlock grey icon"></i>{{.i18n.Tr "repo.editor.commit_changes"}} <span title="{{.i18n.Tr (printf "repo.signing.wont_sign.%s" .CanCommitToBranch.WontSignReason)}}">{{svg "octicon-unlock" 24}}</span>
{{.i18n.Tr "repo.editor.commit_changes"}}
{{- end}}</h3> {{- end}}</h3>
<div class="field"> <div class="field">
<input name="commit_summary" placeholder="{{if .PageIsDelete}}{{.i18n.Tr "repo.editor.delete" .TreePath}}{{else if .PageIsUpload}}{{.i18n.Tr "repo.editor.upload_files_to_dir" .TreePath}}{{else if .IsNewFile}}{{.i18n.Tr "repo.editor.add_tmpl"}}{{else}}{{.i18n.Tr "repo.editor.update" .TreePath}}{{end}}" value="{{.commit_summary}}" autofocus> <input name="commit_summary" placeholder="{{if .PageIsDelete}}{{.i18n.Tr "repo.editor.delete" .TreePath}}{{else if .PageIsUpload}}{{.i18n.Tr "repo.editor.upload_files_to_dir" .TreePath}}{{else if .IsNewFile}}{{.i18n.Tr "repo.editor.add_tmpl"}}{{else}}{{.i18n.Tr "repo.editor.update" .TreePath}}{{end}}" value="{{.commit_summary}}" autofocus>

View File

@ -403,10 +403,10 @@
<img src="{{.Poster.RelAvatarLink}}"> <img src="{{.Poster.RelAvatarLink}}">
</a> </a>
{{end}} {{end}}
<span class="badge {{if eq .Review.Type 1}}green <span class="badge {{if eq .Review.Type 1}}bg-green
{{- else if eq .Review.Type 2}}grey {{- else if eq .Review.Type 2}}bg-grey
{{- else if eq .Review.Type 3}}red {{- else if eq .Review.Type 3}}bg-red
{{- else}}grey{{end}}">{{svg (printf "octicon-%s" .Review.Type.Icon)}}</span> {{- else}}bg-grey{{end}} text-white">{{svg (printf "octicon-%s" .Review.Type.Icon)}}</span>
<span class="text grey"> <span class="text grey">
{{if .OriginalAuthor }} {{if .OriginalAuthor }}
<span class="text black"><i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> {{ .OriginalAuthor }}</span><span class="text grey"> {{if $.Repository.OriginalURL}}</span><span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span> <span class="text black"><i class="fa {{MigrationIcon $.Repository.GetOriginalURLHostname}}" aria-hidden="true"></i> {{ .OriginalAuthor }}</span><span class="text grey"> {{if $.Repository.OriginalURL}}</span><span class="text migrate">({{$.i18n.Tr "repo.migrated_from" $.Repository.OriginalURL $.Repository.GetOriginalURLHostname | Safe }}){{end}}</span>

View File

@ -1,29 +1,31 @@
<div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar"> <div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar">
<a class="{{if .PageIsSettingsOptions}}active{{end}} item" href="{{.RepoLink}}/settings"> <div class="new-menu-inner">
{{.i18n.Tr "repo.settings.options"}} <a class="{{if .PageIsSettingsOptions}}active{{end}} item" href="{{.RepoLink}}/settings">
</a> {{.i18n.Tr "repo.settings.options"}}
<a class="{{if .PageIsSettingsCollaboration}}active{{end}} item" href="{{.RepoLink}}/settings/collaboration">
{{.i18n.Tr "repo.settings.collaboration"}}
</a>
{{if not .Repository.IsEmpty}}
<a class="{{if .PageIsSettingsBranches}}active{{end}} item" href="{{.RepoLink}}/settings/branches">
{{.i18n.Tr "repo.settings.branches"}}
</a> </a>
{{end}} <a class="{{if .PageIsSettingsCollaboration}}active{{end}} item" href="{{.RepoLink}}/settings/collaboration">
<a class="{{if .PageIsSettingsHooks}}active{{end}} item" href="{{.RepoLink}}/settings/hooks"> {{.i18n.Tr "repo.settings.collaboration"}}
{{.i18n.Tr "repo.settings.hooks"}}
</a>
{{if .SignedUser.CanEditGitHook}}
<a class="{{if .PageIsSettingsGitHooks}}active{{end}} item" href="{{.RepoLink}}/settings/hooks/git">
{{.i18n.Tr "repo.settings.githooks"}}
</a> </a>
{{end}} {{if not .Repository.IsEmpty}}
<a class="{{if .PageIsSettingsKeys}}active{{end}} item" href="{{.RepoLink}}/settings/keys"> <a class="{{if .PageIsSettingsBranches}}active{{end}} item" href="{{.RepoLink}}/settings/branches">
{{.i18n.Tr "repo.settings.deploy_keys"}} {{.i18n.Tr "repo.settings.branches"}}
</a> </a>
{{if .LFSStartServer}} {{end}}
<a class="{{if .PageIsSettingsLFS}}active{{end}} item" href="{{.RepoLink}}/settings/lfs"> <a class="{{if .PageIsSettingsHooks}}active{{end}} item" href="{{.RepoLink}}/settings/hooks">
{{.i18n.Tr "repo.settings.lfs"}} {{.i18n.Tr "repo.settings.hooks"}}
</a> </a>
{{end}} {{if .SignedUser.CanEditGitHook}}
<a class="{{if .PageIsSettingsGitHooks}}active{{end}} item" href="{{.RepoLink}}/settings/hooks/git">
{{.i18n.Tr "repo.settings.githooks"}}
</a>
{{end}}
<a class="{{if .PageIsSettingsKeys}}active{{end}} item" href="{{.RepoLink}}/settings/keys">
{{.i18n.Tr "repo.settings.deploy_keys"}}
</a>
{{if .LFSStartServer}}
<a class="{{if .PageIsSettingsLFS}}active{{end}} item" href="{{.RepoLink}}/settings/lfs">
{{.i18n.Tr "repo.settings.lfs"}}
</a>
{{end}}
</div>
</div> </div>

View File

@ -2,27 +2,29 @@
<div class="user link-account"> <div class="user link-account">
<div class="ui secondary pointing tabular top attached borderless menu new-menu navbar"> <div class="ui secondary pointing tabular top attached borderless menu new-menu navbar">
<!-- TODO handle .ShowRegistrationButton once other login bugs are fixed --> <div class="new-menu-inner">
<a class="item {{if not .user_exists}}active{{end}}" <!-- TODO handle .ShowRegistrationButton once other login bugs are fixed -->
data-tab="auth-link-signup-tab"> <a class="item {{if not .user_exists}}active{{end}}"
{{.i18n.Tr "auth.oauth_signup_tab"}}
</a>
<a class="item {{if .user_exists}}active{{end}}"
data-tab="auth-link-signin-tab">
{{.i18n.Tr "auth.oauth_signin_tab"}}
</a>
</div>
<div class="ui middle very relaxed page grid">
<div class="column">
<div class="ui tab {{if not .user_exists}}active{{end}}"
data-tab="auth-link-signup-tab"> data-tab="auth-link-signup-tab">
{{template "user/auth/signup_inner" .}} {{.i18n.Tr "auth.oauth_signup_tab"}}
</div> </a>
<div class="ui tab {{if .user_exists}}active{{end}}" <a class="item {{if .user_exists}}active{{end}}"
data-tab="auth-link-signin-tab"> data-tab="auth-link-signin-tab">
<div class="ui user signin container icon"> {{.i18n.Tr "auth.oauth_signin_tab"}}
{{template "user/auth/signin_inner" .}} </a>
</div>
<div class="ui middle very relaxed page grid">
<div class="column">
<div class="ui tab {{if not .user_exists}}active{{end}}"
data-tab="auth-link-signup-tab">
{{template "user/auth/signup_inner" .}}
</div>
<div class="ui tab {{if .user_exists}}active{{end}}"
data-tab="auth-link-signin-tab">
<div class="ui user signin container icon">
{{template "user/auth/signin_inner" .}}
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,19 +1,21 @@
{{if or .EnableOpenIDSignIn .EnableSSPI}} {{if or .EnableOpenIDSignIn .EnableSSPI}}
<div class="ui secondary pointing tabular top attached borderless menu new-menu navbar"> <div class="ui secondary pointing tabular top attached borderless menu new-menu navbar">
<a class="{{if .PageIsLogin}}active{{end}} item" rel="nofollow" href="{{AppSubUrl}}/user/login"> <div class="new-menu-inner">
{{.i18n.Tr "auth.login_userpass"}} <a class="{{if .PageIsLogin}}active{{end}} item" rel="nofollow" href="{{AppSubUrl}}/user/login">
</a> {{.i18n.Tr "auth.login_userpass"}}
{{if .EnableOpenIDSignIn}} </a>
<a class="{{if .PageIsLoginOpenID}}active{{end}} item" rel="nofollow" href="{{AppSubUrl}}/user/login/openid"> {{if .EnableOpenIDSignIn}}
<i class="fa fa-openid"></i> <a class="{{if .PageIsLoginOpenID}}active{{end}} item" rel="nofollow" href="{{AppSubUrl}}/user/login/openid">
&nbsp;OpenID <i class="fa fa-openid"></i>
</a> &nbsp;OpenID
{{end}} </a>
{{if .EnableSSPI}} {{end}}
<a class="item" rel="nofollow" href="{{AppSubUrl}}/user/login?auth_with_sspi=1"> {{if .EnableSSPI}}
<i class="fa fa-windows"></i> <a class="item" rel="nofollow" href="{{AppSubUrl}}/user/login?auth_with_sspi=1">
&nbsp;SSPI <i class="fa fa-windows"></i>
</a> &nbsp;SSPI
{{end}} </a>
{{end}}
</div>
</div> </div>
{{end}} {{end}}

View File

@ -1,11 +1,13 @@
<div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar"> <div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar">
<a class="{{if .PageIsOpenIDConnect}}active{{end}} item" href="{{AppSubUrl}}/user/openid/connect"> <div class="new-menu-inner">
{{.i18n.Tr "auth.openid_connect_title"}} <a class="{{if .PageIsOpenIDConnect}}active{{end}} item" href="{{AppSubUrl}}/user/openid/connect">
</a> {{.i18n.Tr "auth.openid_connect_title"}}
{{if .EnableOpenIDSignUp}}
<a class="{{if .PageIsOpenIDRegister}}active{{end}} item" href="{{AppSubUrl}}/user/openid/register">
{{.i18n.Tr "auth.openid_register_title"}}
</a> </a>
{{end}} {{if .EnableOpenIDSignUp}}
<a class="{{if .PageIsOpenIDRegister}}active{{end}} item" href="{{AppSubUrl}}/user/openid/register">
{{.i18n.Tr "auth.openid_register_title"}}
</a>
{{end}}
</div>
</div> </div>

View File

@ -1,5 +1,5 @@
{{template "base/head" .}} {{template "base/head" .}}
<div class="user profile"> <div class="user profile mt-5">
<div class="ui container"> <div class="ui container">
<div class="ui stackable grid"> <div class="ui stackable grid">
<div class="ui five wide column"> <div class="ui five wide column">

View File

@ -1,23 +1,25 @@
<div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar"> <div class="ui secondary pointing tabular top attached borderless menu stackable new-menu navbar">
<a class="{{if .PageIsSettingsProfile}}active{{end}} item" href="{{AppSubUrl}}/user/settings"> <div class="new-menu-inner">
{{.i18n.Tr "settings.profile"}} <a class="{{if .PageIsSettingsProfile}}active{{end}} item" href="{{AppSubUrl}}/user/settings">
</a> {{.i18n.Tr "settings.profile"}}
<a class="{{if .PageIsSettingsAccount}}active{{end}} item" href="{{AppSubUrl}}/user/settings/account"> </a>
{{.i18n.Tr "settings.account"}} <a class="{{if .PageIsSettingsAccount}}active{{end}} item" href="{{AppSubUrl}}/user/settings/account">
</a> {{.i18n.Tr "settings.account"}}
<a class="{{if .PageIsSettingsSecurity}}active{{end}} item" href="{{AppSubUrl}}/user/settings/security"> </a>
{{.i18n.Tr "settings.security"}} <a class="{{if .PageIsSettingsSecurity}}active{{end}} item" href="{{AppSubUrl}}/user/settings/security">
</a> {{.i18n.Tr "settings.security"}}
<a class="{{if .PageIsSettingsApplications}}active{{end}} item" href="{{AppSubUrl}}/user/settings/applications"> </a>
{{.i18n.Tr "settings.applications"}} <a class="{{if .PageIsSettingsApplications}}active{{end}} item" href="{{AppSubUrl}}/user/settings/applications">
</a> {{.i18n.Tr "settings.applications"}}
<a class="{{if .PageIsSettingsKeys}}active{{end}} item" href="{{AppSubUrl}}/user/settings/keys"> </a>
{{.i18n.Tr "settings.ssh_gpg_keys"}} <a class="{{if .PageIsSettingsKeys}}active{{end}} item" href="{{AppSubUrl}}/user/settings/keys">
</a> {{.i18n.Tr "settings.ssh_gpg_keys"}}
<a class="{{if .PageIsSettingsOrganization}}active{{end}} item" href="{{AppSubUrl}}/user/settings/organization"> </a>
{{.i18n.Tr "settings.organization"}} <a class="{{if .PageIsSettingsOrganization}}active{{end}} item" href="{{AppSubUrl}}/user/settings/organization">
</a> {{.i18n.Tr "settings.organization"}}
<a class="{{if .PageIsSettingsRepos}}active{{end}} item" href="{{AppSubUrl}}/user/settings/repos"> </a>
{{.i18n.Tr "settings.repos"}} <a class="{{if .PageIsSettingsRepos}}active{{end}} item" href="{{AppSubUrl}}/user/settings/repos">
</a> {{.i18n.Tr "settings.repos"}}
</a>
</div>
</div> </div>

View File

@ -44,11 +44,6 @@
} }
} }
.ui.header,
.ui.segment {
box-shadow: 0 1px 2px 0 var(--color-secondary);
}
&.user { &.user {
.email { .email {
max-width: 200px; max-width: 200px;

View File

@ -84,6 +84,7 @@
--color-input-background: #ffffff; --color-input-background: #ffffff;
--color-input-border: #dedede; --color-input-border: #dedede;
--color-input-border-hover: #cecece; --color-input-border-hover: #cecece;
--color-navbar: #f8f8f8;
} }
:root:lang(ja) { :root:lang(ja) {
@ -189,6 +190,9 @@ table {
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 0 6px var(--color-primary-dark-2); box-shadow: inset 0 0 0 6px var(--color-primary-dark-2);
} }
::-webkit-scrollbar-corner {
background: transparent;
}
::selection, ::selection,
.CodeMirror-selected { .CodeMirror-selected {
@ -233,6 +237,15 @@ a:hover,
margin: 0 -1.25px; margin: 0 -1.25px;
} }
.ui.pointing.dropdown > .menu:not(.hidden)::after {
background: var(--color-box-body);
box-shadow: -1px -1px 0 0 var(--color-secondary);
}
.ui.progress[data-percent="0"] .bar .progress {
color: var(--color-text);
}
.ui.attached.table { .ui.attached.table {
border-color: var(--color-secondary); border-color: var(--color-secondary);
} }
@ -286,9 +299,8 @@ a:hover,
margin: 0 !important; margin: 0 !important;
&.light { &.light {
background-color: white; background: var(--color-body);
border-bottom: 1px solid #dddddd; border-bottom: 1px solid var(--color-secondary);
box-shadow: 0 2px 3px rgba(0, 0, 0, .04);
} }
.column .menu { .column .menu {
@ -376,6 +388,10 @@ a:hover,
margin-left: .5rem; margin-left: .5rem;
} }
.ui.dropdown .menu {
border-color: var(--color-secondary);
}
.ui.form .field > .selection.dropdown > .dropdown.icon { .ui.form .field > .selection.dropdown > .dropdown.icon {
height: auto; height: auto;
} }
@ -966,55 +982,75 @@ footer {
} }
.ui.menu.new-menu { .ui.menu.new-menu {
justify-content: center !important; padding-top: 15px;
padding-top: 15px !important; margin-bottom: 15px;
margin-top: -15px !important; background: var(--color-navbar);
margin-bottom: 15px !important; border-bottom: 1px solid var(--color-secondary) !important;
background: #fafafa; overflow: auto;
border-width: 1px !important;
} }
@media @mediaLgAndDown { @media @mediaSm {
.ui.menu.new-menu { .ui.menu.new-menu {
overflow-x: auto !important; overflow: visible !important;
justify-content: left !important;
padding-bottom: 2px;
} }
}
.ui.menu.new-menu::-webkit-scrollbar { .ui.menu.new-menu .new-menu-inner {
height: 8px; display: flex;
display: none; margin-left: auto;
} margin-right: auto;
}
.ui.menu.new-menu:hover::-webkit-scrollbar { @media @mediaSm {
display: block; .ui.menu.new-menu .new-menu-inner {
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
} }
}
.ui.menu.new-menu::-webkit-scrollbar-track { .ui.menu.new-menu::after {
background: rgba(0, 0, 0, .01); position: absolute;
} display: block;
background-image: linear-gradient(to right, transparent, var(--color-navbar) 100%);
content: ' ';
right: 0;
height: 39px;
z-index: 1000;
width: 60px;
visibility: visible;
pointer-events: none;
}
.ui.menu.new-menu::-webkit-scrollbar-thumb { .ui.menu.new-menu .item {
background: rgba(0, 0, 0, .2); margin: 0 !important;
} }
.ui.menu.new-menu::after { @media @mediaSm {
position: absolute; .ui.menu.new-menu .item {
margin-top: -15px; width: auto !important;
display: block;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
content: ' ';
right: 0;
height: 53px;
z-index: 1000;
width: 60px;
clear: none;
visibility: visible;
} }
}
.ui.menu.new-menu a.item:last-child { .ui.menu.new-menu .item:last-child {
padding-right: 30px !important; padding-right: 30px !important;
} }
.ui.menu.new-menu::-webkit-scrollbar {
height: 6px;
display: none;
}
.ui.menu.new-menu::-webkit-scrollbar-track {
background: none !important;
}
.ui.menu.new-menu::-webkit-scrollbar-thumb {
box-shadow: none !important;
}
.ui.menu.new-menu:hover::-webkit-scrollbar {
display: block;
} }
[v-cloak] { [v-cloak] {
@ -1473,23 +1509,40 @@ table th[data-sortt-desc] {
} }
.ui.tabular.menu { .ui.tabular.menu {
.item { border-color: var(--color-secondary);
padding: 11px 12px; }
color: rgba(0, 0, 0, .5);
}
.item:hover { .ui.tabular.menu .item {
color: rgba(0, 0, 0, .8); padding: 11px 12px;
} color: var(--color-secondary-dark-6);
}
.item.active { .ui.tabular.menu .item:hover {
color: rgba(0, 0, 0, .9); color: var(--color-text);
margin-top: 1px; /* offset fomantic's margin-bottom: -1px */ }
}
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
background: var(--color-body);
border-color: var(--color-secondary);
color: var(--color-text);
margin-top: 1px; /* offset fomantic's margin-bottom: -1px */
}
.ui.secondary.pointing.menu {
border-color: var(--color-secondary);
} }
.ui.secondary.pointing.menu .item { .ui.secondary.pointing.menu .item {
padding: 12px; color: var(--color-secondary-dark-6);
}
.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover,
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
color: var(--color-text);
} }
.ui.header .ui.label { .ui.header .ui.label {

View File

@ -1,6 +1,4 @@
.dashboard { .dashboard {
padding-top: 15px;
&.feeds, &.feeds,
&.issues { &.issues {
.context.user.menu { .context.user.menu {
@ -71,7 +69,9 @@
.dashboard-navbar { .dashboard-navbar {
width: 100vw; width: 100vw;
padding: 0 .5rem; padding-left: .5rem;
padding-right: .5rem;
padding-top: 15px;
.org-visibility .label { .org-visibility .label {
margin-left: 5px; margin-left: 5px;
} }

View File

@ -1,12 +1,9 @@
.explore { .explore {
padding-top: 15px;
.navbar { .navbar {
justify-content: center; justify-content: center;
padding-top: 15px !important; padding-top: 15px !important;
margin-top: -15px !important;
margin-bottom: 15px !important; margin-bottom: 15px !important;
background-color: #fafafa !important; background-color: var(--color-navbar) !important;
border-width: 1px !important; border-width: 1px !important;
.svg { .svg {

View File

@ -1,6 +1,4 @@
.organization { .organization {
padding-top: 15px;
.head { .head {
.ui.header { .ui.header {
.text { .text {

View File

@ -1,6 +1,4 @@
.repository { .repository {
padding-top: 15px;
.repo-header { .repo-header {
.ui.compact.menu { .ui.compact.menu {
margin-left: 1rem; margin-left: 1rem;
@ -144,8 +142,7 @@
} }
.header-wrapper { .header-wrapper {
background-color: #fafafa; background-color: var(--color-navbar);
margin-top: -15px;
padding-top: 15px; padding-top: 15px;
.ui.tabs.divider { .ui.tabs.divider {
@ -519,21 +516,23 @@
padding: 15px; padding: 15px;
margin-bottom: 10px; margin-bottom: 10px;
border: 1px solid var(--color-secondary); border: 1px solid var(--color-secondary);
background: var(--color-box-body);
border-radius: 3px; border-radius: 3px;
#avatar-arrow; #avatar-arrow;
&::after { &::after {
border-right-color: var(--color-box-header); border-right-color: var(--color-box-body);
} }
.quick-pull-choice { .quick-pull-choice {
.branch-name { .branch-name {
display: inline-block; display: inline-block;
padding: 3px 6px; padding: 2px 4px;
font: 12px var(--fonts-monospace); font: 12px var(--fonts-monospace);
color: rgba(0, 0, 0, .65); color: var(--color-text);
background-color: rgba(209, 227, 237, .45); background: var(--color-secondary);
border-radius: 3px; border-radius: 3px;
margin: 0 2px;
} }
.new-branch-name-input { .new-branch-name-input {
@ -741,14 +740,6 @@
align-items: center; align-items: center;
} }
.avatar,
.type-icon {
.svg {
width: 23px;
height: 23px;
}
}
.text { .text {
margin: .3em 0 .5em .5em; margin: .3em 0 .5em .5em;
} }
@ -2629,10 +2620,6 @@
.list { .list {
> .item { > .item {
.green:not(.ui.button) {
color: var(--color-green);
}
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid var(--color-secondary); border-top: 1px solid var(--color-secondary);
padding: 1rem; padding: 1rem;

View File

@ -180,3 +180,7 @@ a.blob-excerpt:hover {
max-width: 900px; max-width: 900px;
} }
} }
.review-box > .segment {
border: none !important;
}

View File

@ -1,10 +1,6 @@
@import "variables.less"; @import "variables.less";
.user { .user {
&:not(.icon) {
padding-top: 15px;
}
&.profile { &.profile {
.ui.card { .ui.card {
.header, .header,

View File

@ -72,13 +72,14 @@
--color-body: #383c4a; --color-body: #383c4a;
--color-box-header: #454a57; --color-box-header: #454a57;
--color-box-body: #353945; --color-box-body: #353945;
--color-text: #b6bac5; --color-text: #bbc0ca;
--color-text-light: #969aa5; --color-text-light: #969aa5;
--color-timeline: #4a505c; --color-timeline: #4a505c;
--color-input-text: #dcdcdc; --color-input-text: #d5dbe6;
--color-input-background: #2e323e; --color-input-background: #2e323e;
--color-input-border: #454a57; --color-input-border: #454a57;
--color-input-border-hover: #505667; --color-input-border-hover: #505667;
--color-navbar: #2a2e3a;
} }
/* Background */ /* Background */
@ -566,7 +567,7 @@ body {
.following.bar.light { .following.bar.light {
background: #2e323e; background: #2e323e;
border-bottom: 1px solid #313131; border-color: var(--color-secondary-alpha-40);
} }
.ui.secondary.menu .active.item { .ui.secondary.menu .active.item {
@ -721,10 +722,6 @@ a.ui.basic.green.label:hover {
background-color: #87ab63; background-color: #87ab63;
} }
.repository .header-wrapper {
background-color: #2a2e3a;
}
.ui.header, .ui.header,
.ui.breadcrumb .divider { .ui.breadcrumb .divider {
color: var(--color-secondary-dark-6); color: var(--color-secondary-dark-6);
@ -884,35 +881,6 @@ a.ui.basic.green.label:hover {
border-bottom: 1px solid #304251; border-bottom: 1px solid #304251;
} }
.ui.tabular.menu {
border-bottom-color: var(--color-secondary);
.item.active {
border-top-color: var(--color-secondary);
border-left-color: var(--color-secondary);
border-right-color: var(--color-secondary);
background: #383c4a;
color: #dbdbdb;
}
.item {
color: var(--color-secondary-dark-6);
}
.item:hover {
color: #dbdbdb;
}
&.navbar {
.item.active {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
background: #383c4a;
}
}
}
.markdown:not(code) .highlight pre, .markdown:not(code) .highlight pre,
.markdown:not(code) pre { .markdown:not(code) pre {
background-color: #2a2e3a; background-color: #2a2e3a;
@ -1022,8 +990,9 @@ a.ui.basic.green.label:hover {
color: #dedede; color: #dedede;
} }
.repository .comment.form .ui.tabular.menu .item.active { .repository .navbar .active.item,
background: #353945; .repository .navbar .active.item:hover {
border-color: transparent !important;
} }
.ui.basic.green.active.button, .ui.basic.green.active.button,
@ -1156,43 +1125,6 @@ td.blob-hunk {
background: #353945; background: #353945;
} }
.ui.secondary.pointing.menu {
border-bottom-color: rgba(255, 255, 255, .15);
}
.ui.secondary.pointing.menu .active.item {
color: #dbdbdb;
}
.ui.secondary.pointing.menu .active.item:hover {
color: #dbdbdb;
}
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
color: #dbdbdb;
}
.ui.pointing.dropdown > .menu:not(.hidden)::after {
background: #2c303a;
}
.explore .navbar {
background-color: #2a2e3a !important;
}
.ui.menu.new-menu {
background: #2a2e3a;
border-color: transparent !important;
@media @mediaLgAndDown {
&::after {
background: linear-gradient(to right, transparent 0%, #2a2e3a 100%);
}
}
}
.ui.attached.info.message, .ui.attached.info.message,
.ui.info.message { .ui.info.message {
box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent; box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;