From 21fd080ee875157be37c8afbe5c77ce498f70a5a Mon Sep 17 00:00:00 2001 From: Thedro Neely Date: Thu, 23 Jan 2020 14:40:37 -0500 Subject: public/css/override: Override repository page Compact design --- public/css/override.css | 47 ++++++++++++++++++++++++++++++++++++----------- 1 file changed, 36 insertions(+), 11 deletions(-) (limited to 'public') diff --git a/public/css/override.css b/public/css/override.css index 6bc5792..1a1fb01 100644 --- a/public/css/override.css +++ b/public/css/override.css @@ -7,47 +7,72 @@ a, .ui.breadcrumb a { color: #0366d6; } @media only screen and (min-width: 1200px) { .ui.container { width: 1024px; } } /* - * Hide specific octicons + * Hide specific octicons */ .octicon-code, .octicon-issue-opened, .octicon-git-pull-request, .octicon-tag, .octicon-book, .octicon-pulse, .octicon-tools, -.octicon-sign-in, .item .octicon-repo, .item .octicon-person, +.octicon-sign-in, .item .octicon-repo, .item .octicon-person, .octicon-git-branch, .item .octicon-organization, .mega-octicon, .repo-buttons i { display: none !important; } -/* + +/* * Override font stack */ *:not(i):not(.octicon):not(.mono):not(pre):not(code):not(span):not(li) { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif, Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important; } + /* * Override repo header names font weight */ .ui.list .list>.item .header, .ui.list>.item .header { font-weight: 400 !important } -/* + +/* * Override explore repos header names font weight */ .ui.secondary.pointing.menu .active.item { font-weight: 400 !important } + /* * Repository page override */ -.repository .repo-header .fork-flag { display: inline-block; margin-left: 0.5rem; background-color: #e6eff7; border-radius: 0.5rem; padding: 0.5rem 1rem; } -.ui.breadcrumb .divider { margin: 0 } -.repository .navbar .ui.label { padding: 0.25rem 0.75rem; border-radius: 1rem; } +.repo-topic, .repository .repo-header .fork-flag { + display: inline-block; + margin-left: 0.5rem; + background-color: #e6eff7 !important; + border-radius: 2rem !important; + padding: 0.5rem 1rem; +} +.repo-name { font-weight: bold; } +.repository .header-wrapper { background-color: #fafbfc; } + +.repository .navbar .ui.label { padding: 0.25rem 0.75rem; border-radius: 1rem; background-color: #dedede; color: #444; } .repository.file.list #repo-desc, .repo-description { font-size: 1rem !important; margin: 0.75rem 0; } .repository .item { border-top: 3px solid transparent; } .repository a.item { padding: 0.5rem 1.5rem !important; } -.ui.tabular.menu .active.item { border-top-width: 2px; font-weight: 400; } - -.non-diff-file-content .unstackable, .ui.attached.header { border: none !important; } +.ui.breadcrumb .divider { margin: 0 } +.ui.tabular.menu .item { color: #444; } +.ui.tabular.menu .active.item { border-top-width: 2px; font-weight: 400; } .ui.repo-description { display: none !important; } .ui.repo-description-custom { display: block !important; } .ui.segment.sub-menu { display: none; } -.ui.table { border: unset; } +.ui.secondary.pointing.menu { border-bottom: none; } + +.button, .ui.basic.button, .ui.basic.buttons .button, .ui .sha.label, +.ui.basic.blue.button, .ui.basic.blue.buttons { + background: linear-gradient(-180deg, #fafbfc, #eff3f6 90%) !important; + color: #444 !important; + box-shadow: unset !important; + border: 1px solid #ccc !important; +} + +.ui.card { display: none; } +.user.profile .ui.stackable.grid .eleven { width: 100% !important } +#repo-clone-https, #clipboard-btn { border-right-width: 0 !important; } + .button, .ui.basic.button, .ui.basic.buttons .button, .ui .sha.label { background: linear-gradient(-180deg, #fafbfc, #eff3f6 90%) !important; color: #444 !important; } -- cgit v1.2.3