From d52753e83983ac814d6ccc97b0af0571ca74546a Mon Sep 17 00:00:00 2001 From: Free Date: Thu, 12 Aug 2021 21:30:55 +0200 Subject: [PATCH] 1.0.3 --- Gitea/theme-gitea-modern.css | 121 ++++++++++++++++++++++++----------- 1 file changed, 85 insertions(+), 36 deletions(-) diff --git a/Gitea/theme-gitea-modern.css b/Gitea/theme-gitea-modern.css index 047f02e..f32752b 100644 --- a/Gitea/theme-gitea-modern.css +++ b/Gitea/theme-gitea-modern.css @@ -1,4 +1,8 @@ -/* This code should work with any preprocessor that supports nesting and the use of "&", like "Stylus" (Recommended) and "Less". */ +/* Update 1.0.3 +- Fixed table stretching due to the grid +- Better keyboard accessability +- Fixed Codeberg dropdown +*/ :root { --base-border-radius: 6px; } @@ -13,6 +17,17 @@ a[rel*="nofollow"]:not(.ui):focus, text-decoration: underline; text-underline-offset: 5px; } +* { + outline: 0px dashed var(--color-primary); + outline-offset: -2px; + transition: outline-color 0.5s, outline-offset 0.5s; +} +:focus-visible:not(input) { + box-shadow: 0 0 18px 0px var(--color-primary) !important; + border-radius: 2px; + outline: 2px solid var(--color-primary) !important; + outline-offset: 2px; +} /*** Change Border Radius's ***/ .ui.buttons .ui.basic.button { border-radius: 0; @@ -139,6 +154,31 @@ a[rel*="nofollow"]:not(.ui):focus, .page-content:not(.home) > .middle > .column { padding: 0 !important; } +/* No Script Message */ +.full.height > span[style="display: inline !important;"]:first-child { + margin: auto; + line-height: 40px; + padding: 30px; + text-align: center; +/* Remove stuff that isn't needed when JS is disabled */ +} +.full.height > span[style="display: inline !important;"]:first-child::before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 40px; + background: var(--color-navbar); + border-bottom: 1px solid var(--color-secondary); + z-index: -1; +} +.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #app, +.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap, +.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap + .divider { + display: none !important; +} +/*** Popups ***/ /* Tooltips */ .popup.tiny.inverted { background: var(--color-body); @@ -176,30 +216,6 @@ a[rel*="nofollow"]:not(.ui):focus, .settings > .ui.container { max-width: 1150px !important; } -/* No Script Message */ -.full.height > span[style="display: inline !important;"]:first-child { - margin: auto; - line-height: 40px; - padding: 30px; - text-align: center; -/* Remove stuff that isn't needed when JS is disabled */ -} -.full.height > span[style="display: inline !important;"]:first-child::before { - content: ""; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 40px; - background: var(--color-navbar); - border-bottom: 1px solid var(--color-secondary); - z-index: -1; -} -.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #app, -.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap, -.full.height > span[style="display: inline !important;"]:first-child ~ .page-content #user-heatmap + .divider { - display: none !important; -} /** Other Elements **/ #user-heatmap { overflow: auto hidden; @@ -231,6 +247,20 @@ a[rel*="nofollow"]:not(.ui):focus, .label:not(.basic) svg { margin-right: 4px; } +/* Alerts */ +.alert-primary.p-10 { + border: 0 !important; + padding: 20px !important; +} +.alert-primary.p-10 .close span { + font-size: 1.7em; + font-weight: 200; + padding-right: 6px; +} +.alert-primary.p-10 h4 { + margin-right: 1.7em; + font-weight: 600; +} /*** Menu's ***/ .ui.tabular.menu, .ui.tight.menu { @@ -376,6 +406,12 @@ html { box-sizing: border-box; transition: border 0.5s, padding 0.7s; } +#navbar > .item:not(.brand) > span, +#navbar > .right > .item > span { + height: 100%; + display: flex; + align-items: center; +} #navbar > .item:not(.brand):hover, #navbar > .right > .item:hover, #navbar > .item:not(.brand).active, @@ -509,6 +545,7 @@ html { background: none; color: var(--color-text); opacity: 0.7; + border-radius: 12px !important; } .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item svg { margin: 0; @@ -732,7 +769,6 @@ html { } .page-content.repository:not(.milestones) > .ui.container #repo-files-table { margin-top: 0; - overflow: hidden; background: none !important; } .page-content.repository:not(.milestones) > .ui.container #repo-files-table thead { @@ -769,6 +805,15 @@ html { display: inline-flex !important; transform: translateY(1px); } +.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .message-wrapper { + overflow: visible; + display: inline-flex; +} +.page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .message-wrapper a { + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; +} .page-content.repository:not(.milestones) > .ui.container #repo-files-table thead .commit-body { padding: 6px; padding-right: 0; @@ -789,7 +834,15 @@ html { .page-content.repository:not(.milestones) > .ui.container #repo-files-table tr:focus-within td:nth-child(2)::before { opacity: 0.1; } +.page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate { + overflow: visible; + display: inline-flex; +} .page-content.repository:not(.milestones) > .ui.container #repo-files-table .truncate a { + margin: -8px 0; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; width: 100%; color: var(--color-text); } @@ -842,6 +895,8 @@ html { max-width: 100% !important; display: grid; grid-template-columns: calc(100% - 100px) 100px; + grid-template-rows: min-content !important; + align-items: flex-start; } .page-content.repository:not(.milestones).file > .ui.container > *, .page-content.repository:not(.milestones).commits > .ui.container > *, @@ -852,7 +907,7 @@ html { .page-content.repository:not(.milestones).commits > .ui.container .repository-summary, .page-content.repository:not(.milestones).branches > .ui.container .repository-summary { grid-column: 2; - grid-row: 1/span 6; + grid-row: 1/span 50; border: 0; margin-top: 12px !important; margin-left: 30px; @@ -1407,6 +1462,9 @@ html { .ui.repository.list .item:focus-within { box-shadow: var(--lm-shadow); } +.ui.repository.list .item:focus-within { + outline: 1px solid var(--color-primary) !important; +} .ui.repository.list .item .header { display: contents !important; } @@ -1695,15 +1753,6 @@ html { margin-right: 0 !important; margin-bottom: 1rem !important; } -.dashboard > .ui.container #app codeberg-announcement-widget > div .close span { - font-size: 1.7em; - font-weight: 200; - margin-right: 2px; -} -.dashboard > .ui.container #app codeberg-announcement-widget > div h4 { - margin-right: 1.7em; - font-weight: 600; -} .dashboard > .ui.container #app .tabable { background: none; margin-right: 0 !important;