diff options
Diffstat (limited to 'web_src/css')
| -rw-r--r-- | web_src/css/base.css | 10 | ||||
| -rw-r--r-- | web_src/css/repository.css | 94 | ||||
| -rw-r--r-- | web_src/css/repository/issue-list.css | 1 | ||||
| -rw-r--r-- | web_src/css/repository/list-header.css | 4 | ||||
| -rw-r--r-- | web_src/css/repository/release-tag.css | 27 | ||||
| -rw-r--r-- | web_src/css/themes/theme-arc-green.css | 52 |
6 files changed, 85 insertions, 103 deletions
diff --git a/web_src/css/base.css b/web_src/css/base.css index d854f9badd..591c09377c 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -2559,18 +2559,18 @@ a.ui.basic.label:hover { .notification_count { position: absolute; - left: 5px; - top: -8px; + left: 7px; + top: -9px; min-width: 1.5em; text-align: center; background: var(--color-primary); border: 2px solid var(--color-header-bar); color: var(--color-header-bar); - padding: 2px; + padding: 2.75px; border-radius: 1em; - font-size: 10px; + font-size: 11px; font-weight: 700; - line-height: 0.7; + line-height: .67em; } table th[data-sortt-asc]:hover, diff --git a/web_src/css/repository.css b/web_src/css/repository.css index d724dc400a..6709b127db 100644 --- a/web_src/css/repository.css +++ b/web_src/css/repository.css @@ -591,85 +591,81 @@ display: inline-block; } -.repository.view.issue .title { - padding-bottom: 0 !important; -} - -.repository.view.issue .title .issue-title { - margin-bottom: 0.5rem; +.issue-title-header { + width: 100%; + padding-bottom: 4px; + margin-bottom: 1rem; } -.repository.view.issue .title .issue-title.edit-active { +.issue-title-meta { display: flex; align-items: center; } -.repository.view.issue .title .issue-title.edit-active h1 { +.repository.view.issue .issue-title-buttons, +.repository.view.issue .edit-buttons { display: flex; - width: 100%; } @media (max-width: 767px) { - .repository.view.issue .title .issue-title.edit-active { + .repository.view.issue .issue-title { flex-direction: column; } - .repository.view.issue .title .issue-title.edit-active h1 { - margin-right: 0; - margin-bottom: 1rem; - padding-right: 0; - } - .repository.view.issue .title .issue-title.edit-active h1 .ui.input input { - width: calc(100% - 2rem); - } - .repository.view.issue .title .issue-title.edit-active .edit-buttons { - padding-bottom: 1rem; - width: 100%; - } - .repository.view.issue .title .issue-title.edit-active .edit-buttons .button { - width: 100%; - margin-right: 0.5rem; - } - .repository.view.issue .title .issue-title.edit-active .edit-buttons .button:last-child { - margin-right: 0; + .repository.view.issue .edit-buttons { + margin-top: .5rem; } } -.repository.view.issue .title .issue-title h1 { +.repository.view.issue .issue-title { + display: flex; + align-items: center; + margin-bottom: 8px; +} + +.repository.view.issue .issue-title h1 { + display: flex; + align-items: center; + flex: 1; + width: 100%; font-weight: 300; - font-size: 2.3rem; + font-size: 32px; + line-height: 40px; margin: 0; - padding-right: 0.5rem; + padding-right: 0.25rem; + min-height: 41px; /* avoid layout shift on edit */ } -.repository.view.issue .title .issue-title h1 .ui.input { +.repository.view.issue .issue-title h1 .ui.input { font-size: 0.5em; - width: 100%; } -.repository.view.issue .title .issue-title h1 .ui.input input { +.repository.view.issue .issue-title h1 .ui.input input { font-size: 1.5em; - padding: 6px 1rem; + padding: 2px .5rem; } -.repository.view.issue .title .issue-title .edit-button { - float: right; - padding-left: 1rem; +.repository.view.issue .issue-title .index { + color: var(--color-text-light-2); } -.repository.view.issue .title .issue-title .edit-buttons { - display: flex; +.repository.view.issue .issue-title .label { + margin-right: 10px; } -.repository.view.issue .title .issue-title .index { - color: var(--color-text-light-2); +.repository.view.issue .issue-title .edit-zone { + margin-top: 10px; } -.repository.view.issue .title .issue-title .label { - margin-right: 10px; +.issue-state-label { + display: flex !important; + align-items: center !important; + font-size: 14px !important; + padding: 7px 10px !important; + border-radius: 6px !important; } -.repository.view.issue .title .issue-title .edit-zone { - margin-top: 10px; +.issue-state-label .svg { + margin-right: 4px; } .repository.view.issue .pull-desc code { @@ -1193,13 +1189,15 @@ .repository .milestone.list { list-style: none; - padding-top: 15px; } .repository .milestone.list > .item { padding-top: 10px; padding-bottom: 10px; - border-bottom: 1px dashed var(--color-secondary); +} + +.repository .milestone.list > .item + .item { + border-top: 1px solid var(--color-secondary); } .repository .milestone.list > .item progress { diff --git a/web_src/css/repository/issue-list.css b/web_src/css/repository/issue-list.css index 2c2d3572e0..dde3e7f19f 100644 --- a/web_src/css/repository/issue-list.css +++ b/web_src/css/repository/issue-list.css @@ -3,6 +3,7 @@ flex-wrap: wrap; align-items: flex-start; gap: 1rem; + margin-top: 1rem; } .issue-list-toolbar-left { diff --git a/web_src/css/repository/list-header.css b/web_src/css/repository/list-header.css index 4130383f89..24aa36dd89 100644 --- a/web_src/css/repository/list-header.css +++ b/web_src/css/repository/list-header.css @@ -26,11 +26,11 @@ flex: 1; } -.small-pill-buttons { +.small-menu-items { min-height: 35.4px !important; /* match .small.button in height */ } -.small-pill-buttons .item { +.small-menu-items .item { padding-top: 6px !important; padding-bottom: 6px !important; } diff --git a/web_src/css/repository/release-tag.css b/web_src/css/repository/release-tag.css index 6922ce5179..700ac46c21 100644 --- a/web_src/css/repository/release-tag.css +++ b/web_src/css/repository/release-tag.css @@ -1,7 +1,6 @@ .repository.releases #release-list { - border-top: 1px solid var(--color-secondary); - margin-top: 20px; - padding-top: 15px; + margin-top: 12px; + padding-top: 12px; padding-left: 0; } @@ -23,29 +22,13 @@ } .repository.releases #release-list > li .meta { + margin-top: 4px; text-align: right; position: relative; } -.repository.releases #release-list > li .meta .label { - margin-right: 0; -} - -.repository.releases #release-list > li .meta .commit { - display: block; - margin-top: 10px; -} - -.repository.releases #release-list > li .meta .choose { - margin-top: 15px; -} - -.repository.releases #release-list > li .meta .choose .button { - margin-right: 0; -} - .repository.releases #release-list > li .detail { - border-left: 2px solid var(--color-secondary); + border-left: 1px solid var(--color-secondary); } .repository.releases #release-list > li .detail .author img { @@ -92,7 +75,7 @@ z-index: 9; position: absolute; display: block; - left: -6px; + left: -5.5px; top: 40px; border-radius: 100%; border: 2.5px solid var(--color-body); diff --git a/web_src/css/themes/theme-arc-green.css b/web_src/css/themes/theme-arc-green.css index 5e47f8ee3e..42cde81802 100644 --- a/web_src/css/themes/theme-arc-green.css +++ b/web_src/css/themes/theme-arc-green.css @@ -29,33 +29,33 @@ --color-primary-alpha-70: #87ab63b3; --color-primary-alpha-80: #87ab63cc; --color-primary-alpha-90: #87ab63e1; - --color-secondary: #454a57; - --color-secondary-dark-1: #505665; - --color-secondary-dark-2: #5b6273; - --color-secondary-dark-3: #71798e; - --color-secondary-dark-4: #7f8699; - --color-secondary-dark-5: #8c93a4; - --color-secondary-dark-6: #9aa0af; - --color-secondary-dark-7: #a8adba; - --color-secondary-dark-8: #b6bac5; - --color-secondary-dark-9: #c4c7d0; - --color-secondary-dark-10: #d2d4db; - --color-secondary-dark-11: #dfe1e6; - --color-secondary-dark-12: #edeef1; + --color-secondary: #525767; + --color-secondary-dark-1: #5c6374; + --color-secondary-dark-2: #666e81; + --color-secondary-dark-3: #7c8497; + --color-secondary-dark-4: #8990a1; + --color-secondary-dark-5: #959cab; + --color-secondary-dark-6: #a2a8b5; + --color-secondary-dark-7: #afb4c0; + --color-secondary-dark-8: #bcc0ca; + --color-secondary-dark-9: #c9cbd4; + --color-secondary-dark-10: #d6d7de; + --color-secondary-dark-11: #e2e3e8; + --color-secondary-dark-12: #eeeff2; --color-secondary-dark-13: #fbfbfc; - --color-secondary-light-1: #373b46; - --color-secondary-light-2: #292c34; - --color-secondary-light-3: #1c1e23; - --color-secondary-light-4: #0e0f11; - --color-secondary-alpha-10: #454a5719; - --color-secondary-alpha-20: #454a5733; - --color-secondary-alpha-30: #454a574b; - --color-secondary-alpha-40: #454a5766; - --color-secondary-alpha-50: #454a5780; - --color-secondary-alpha-60: #454a5799; - --color-secondary-alpha-70: #454a57b3; - --color-secondary-alpha-80: #454a57cc; - --color-secondary-alpha-90: #454a57e1; + --color-secondary-light-1: #454a57; + --color-secondary-light-2: #383c47; + --color-secondary-light-3: #2c2f37; + --color-secondary-light-4: #1f2226; + --color-secondary-alpha-10: #52576719; + --color-secondary-alpha-20: #52576733; + --color-secondary-alpha-30: #5257674b; + --color-secondary-alpha-40: #52576766; + --color-secondary-alpha-50: #52576780; + --color-secondary-alpha-60: #52576799; + --color-secondary-alpha-70: #525767b3; + --color-secondary-alpha-80: #525767cc; + --color-secondary-alpha-90: #525767e1; /* colors */ --color-red: #cc4848; --color-orange: #cc580c; |