From d6ae0ab08f4341d29595e4c8cbe8db2ff9154e87 Mon Sep 17 00:00:00 2001 From: Free Date: Sun, 29 Aug 2021 17:52:57 +0200 Subject: [PATCH] 1.0.6 --- Gitea/theme-gitea-modern.user.css | 80 ++++++++++++++++++++----------- 1 file changed, 53 insertions(+), 27 deletions(-) diff --git a/Gitea/theme-gitea-modern.user.css b/Gitea/theme-gitea-modern.user.css index 07e3e2b..588a0cf 100644 --- a/Gitea/theme-gitea-modern.user.css +++ b/Gitea/theme-gitea-modern.user.css @@ -1,6 +1,6 @@ /* ==UserStyle== @name Gitea Modern -@version 1.0.5 +@version 1.0.6 @description A modern style for Gitea and Codeberg! @updateURL https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.user.css @homepageURL https://codeberg.org/Freeplay/CSS-Styles @@ -456,7 +456,7 @@ margin-left: 4px; } @media only screen and (min-width: 850px) { - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) { display: grid; grid-row-gap: 10px; grid-template-columns: 100px calc(100% - 100px); @@ -466,10 +466,10 @@ max-width: 100%; margin: auto; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper { display: contents; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper > .ui.container:first-child { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper > .ui.container:first-child { grid-row: 1; grid-column: 1/span 2; width: 100%; @@ -477,8 +477,8 @@ border: 0 !important; box-shadow: none !important; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper > .ui.container:first-child .avatar, - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper > .ui.container:first-child .repo-icon { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper > .ui.container:first-child .avatar, + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper > .ui.container:first-child .repo-icon { width: 50px !important; height: 50px !important; object-fit: contain; @@ -490,13 +490,14 @@ justify-content: center; align-items: center; border-radius: 8px !important; + z-index: 2; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper > .ui.container:first-child .repo-title-wrap { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper > .ui.container:first-child .repo-title-wrap { display: flex; flex-direction: row !important; align-items: center; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper > .ui.container:first-child .fork-flag { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper > .ui.container:first-child .fork-flag { margin: 0 !important; margin-left: 6px !important; padding: 2px 8px; @@ -504,10 +505,9 @@ border-radius: var(--base-border-radius); border: 1px solid var(--color-secondary); } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs { order: -1; width: auto !important; - width: 70px; margin: 0 !important; margin-top: 60px !important; grid-column: 1; @@ -521,27 +521,28 @@ min-height: calc(100vh - 40px); z-index: 2; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs::before { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs::before { content: ""; position: absolute; - inset: 0; + bottom: 0; left: 20px; right: 50px; + top: -10px; background-color: var(--color-body); box-shadow: 0 0 20px 20px var(--color-body); opacity: 0.8; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular { flex-direction: column !important; padding-right: 30px; overflow: visible !important; padding-left: 0; border-bottom: 0 !important; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular::before { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular::before { content: unset !important; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .item { display: flex; flex-direction: column; text-align: center; @@ -553,7 +554,7 @@ opacity: 0.7; border-radius: 12px !important; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item svg { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .item svg { margin: 0; width: 22px; height: 22px; @@ -563,21 +564,21 @@ overflow: visible; order: -2; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item .label { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .item .label { margin: 0 !important; margin-top: -3px !important; margin-bottom: 6px !important; order: -1; position: relative; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item.active { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .item.active { border: none; opacity: 1; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item.active::before { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .item.active::before { content: unset !important; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item.active::after { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .item.active::after { all: unset; content: ""; position: absolute; @@ -590,16 +591,16 @@ border-radius: 12px !important; z-index: -1; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .item:hover { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .item:hover { opacity: 0.9 !important; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .tabs .tabular .right.menu { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .tabs .tabular .right.menu { display: contents; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) .header-wrapper .divider { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) .header-wrapper .divider { display: none; } - .page-content.repository:not(.issues.repository.milestones):not(.new:not(.issue)) > .ui.container { + .page-content.repository:not(.issues.repository.milestones):not(.migrate) > .ui.container { width: 100%; } #project-board { @@ -1113,8 +1114,7 @@ } .issue.list li, .milestone.list li { - padding: 10px !important; - padding-bottom: 6px !important; + padding: 8px 10px !important; position: relative; } .issue.list li:hover:before, @@ -1141,23 +1141,49 @@ .milestone.list li .issue-item-left svg { margin-right: 8px; } + .issue.list li .issue-item-top-row, + .milestone.list li .issue-item-top-row { + display: flex; + flex-wrap: wrap; + } .issue.list li .issue-item-top-row a, .milestone.list li .issue-item-top-row a { vertical-align: unset !important; + margin-bottom: 8px; + } + .issue.list li .issue-item-top-row > a, + .milestone.list li .issue-item-top-row > a { + margin-right: 4px; + } + .issue.list li .issue-item-top-row .label, + .milestone.list li .issue-item-top-row .label { + line-height: 1em; + font-weight: 500; + text-transform: capitalize; + filter: saturate(0.8); } .issue.list li .issue-item-bottom-row, .milestone.list li .issue-item-bottom-row { - margin-top: -2px !important; + margin-top: -6px !important; } .issue.list li .issue-item-bottom-row svg, .milestone.list li .issue-item-bottom-row svg { margin-top: 3px; } + .issue.list li .issue-item-bottom-row .checklist, + .milestone.list li .issue-item-bottom-row .checklist { + margin-left: auto; + } .issue.list li .content, .milestone.list li .content { padding-bottom: 2px; padding-top: 2px !important; } + .issue.list li .issue-item-icons-right a, + .milestone.list li .issue-item-icons-right a { + display: flex; + align-items: center; + } .issue.list .label, .milestone.list .label { margin-top: -1px;