From f9a84ed6b48268de765e0ed0efbdea0162284e9e Mon Sep 17 00:00:00 2001 From: Free Date: Sat, 31 Jul 2021 21:10:40 +0200 Subject: [PATCH 1/3] Apply suggestions & fixes from https://codeberg.org/Freeplay/CSS-Styles/issues/2 --- Gitea/theme-gitea-modern.styl | 49 +++++++++++++++++++++++++---------- 1 file changed, 36 insertions(+), 13 deletions(-) diff --git a/Gitea/theme-gitea-modern.styl b/Gitea/theme-gitea-modern.styl index f9c0358..6497f6d 100644 --- a/Gitea/theme-gitea-modern.styl +++ b/Gitea/theme-gitea-modern.styl @@ -28,7 +28,8 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) { } .ui.button, .ui.basic.button, .ui.menu, .input.action.fluid, .ui.label, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], -.ui.table, .tab-size-8 { +.ui.table, .tab-size-8, +{ border-radius: var(--base-border-radius); } .ui.menu > .item:first-child, @@ -238,6 +239,9 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) { justify-content: center; min-width: 24px !important; display: inline-flex; + &.sha > .detail { /* Fix SHA Padding */ + margin-left: 6px !important; + } svg { margin-right: 4px; } @@ -293,14 +297,13 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) { border-top: 1px solid var(--color-secondary); } } -.ui.tabular.menu > .item { +.ui.tabular.menu:not(.borderless) > .item { width: auto !important; padding-left: 16px; padding-right: 16px; min-width: 70px; justify-content: center; position: relative; - border-radius: 20px !important; svg { margin-right: 10px !important; } @@ -359,7 +362,9 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) { html { scrollbar-width: auto !important; } - +.full.height { + padding-bottom: 30px; +} /*** Header ***/ .following.bar { @@ -409,13 +414,14 @@ html { margin-right: calc(-30px + 2%)!important; } .item.brand a { - border-radius: 100px; - background-color: var(--color-primary) !important; - box-shadow: 0 1px 2px var(--color-primary); width: 35px; height: 35px; margin-right: 20px; background-position: center; + img { + width: 100%; + height: 100%; + } } .right { position: sticky; @@ -713,6 +719,10 @@ html { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; + &.icon { + padding-left: 8px !important; + padding-right: 8px !important; + } } #file-buttons { margin: 0 4px !important; @@ -1299,13 +1309,14 @@ html { /* REPOSITORY LIST */ .ui.repository.list { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - margin-top: 10px !important; + margin-top: 16px !important; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + grid-gap: 16px; + .item { width: 400px; - margin: 8px; + width: 100%; min-height: unset !important; padding: 14px 16px !important; border: 1px solid var(--color-secondary); @@ -1422,7 +1433,7 @@ html { padding: 30px 10px; padding: 30px 0; width: 1300px; - margin-bottom: -100px; + margin-bottom: -45px; @@ -1547,10 +1558,21 @@ html { margin: 0 -6px !important; background: none !important; a { + display: flex; flex: 1 0 max-content; min-width: 200px; + max-width: calc(100% - 12px); border: 1px solid var(--color-secondary); margin: 3px 6px; + .right { + margin-left: auto; + } + span { + width: 100%; + } + .label { + margin-left: 4px; + } &:hover { background-color: var(--color-light); } @@ -1709,3 +1731,4 @@ footer { padding: 0 40px; } } + From 21fd3372dc9f098d81298f0778a046656248d503 Mon Sep 17 00:00:00 2001 From: Free Date: Sat, 31 Jul 2021 21:18:15 +0200 Subject: [PATCH 2/3] Compiled --- Gitea/theme-gitea-modern.css | 55 +++++++++++++++++++++++++----------- 1 file changed, 39 insertions(+), 16 deletions(-) diff --git a/Gitea/theme-gitea-modern.css b/Gitea/theme-gitea-modern.css index c1a10e6..047f02e 100644 --- a/Gitea/theme-gitea-modern.css +++ b/Gitea/theme-gitea-modern.css @@ -224,6 +224,10 @@ a[rel*="nofollow"]:not(.ui):focus, min-width: 24px !important; display: inline-flex; } +.label:not(.basic).sha > .detail { +/* Fix SHA Padding */ + margin-left: 6px !important; +} .label:not(.basic) svg { margin-right: 4px; } @@ -280,23 +284,22 @@ a[rel*="nofollow"]:not(.ui):focus, z-index: -1; border-top: 1px solid var(--color-secondary); } -.ui.tabular.menu > .item { +.ui.tabular.menu:not(.borderless) > .item { width: auto !important; padding-left: 16px; padding-right: 16px; min-width: 70px; justify-content: center; position: relative; - border-radius: 20px !important; } -.ui.tabular.menu > .item svg { +.ui.tabular.menu:not(.borderless) > .item svg { margin-right: 10px !important; } -.ui.tabular.menu > .item.active { +.ui.tabular.menu:not(.borderless) > .item.active { border-radius: 10px 10px 0 0 !important; z-index: 1; } -.ui.tabular.menu > .item.active::after { +.ui.tabular.menu:not(.borderless) > .item.active::after { content: "" !important; position: absolute; width: 6px; @@ -306,7 +309,7 @@ a[rel*="nofollow"]:not(.ui):focus, border-bottom-left-radius: 100px; box-shadow: -1px 1px 0 0px var(--color-secondary), -3px 3px 0px 2px var(--color-body); } -.ui.tabular.menu > .item.active::before { +.ui.tabular.menu:not(.borderless) > .item.active::before { all: unset; content: "" !important; position: absolute; @@ -318,7 +321,7 @@ a[rel*="nofollow"]:not(.ui):focus, box-shadow: 1px 1px 0 0px var(--color-secondary), 3px 3px 0px 2px var(--color-body); display: unset !important; } -.ui.tabular.menu > .item.active:first-child::before { +.ui.tabular.menu:not(.borderless) > .item.active:first-child::before { content: none !important; } .repository .filter.menu .menu { @@ -335,6 +338,9 @@ a[rel*="nofollow"]:not(.ui):focus, html { scrollbar-width: auto !important; } +.full.height { + padding-bottom: 30px; +} /*** Header ***/ .following.bar { --min-height: 60px; @@ -386,14 +392,15 @@ html { margin-right: calc(-30px + 2%) !important; } #navbar .item.brand a { - border-radius: 100px; - background-color: var(--color-primary) !important; - box-shadow: 0 1px 2px var(--color-primary); width: 35px; height: 35px; margin-right: 20px; background-position: center; } +#navbar .item.brand a img { + width: 100%; + height: 100%; +} #navbar .right { position: sticky; right: 1%; @@ -685,6 +692,11 @@ html { padding-right: 16px !important; box-sizing: border-box; } +.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins button.icon, +.page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins .button.icon { + padding-left: 8px !important; + padding-right: 8px !important; +} .page-content.repository:not(.milestones) > .ui.container .mobile--no-negative-margins #file-buttons { margin: 0 4px !important; } @@ -1372,14 +1384,14 @@ html { } /* REPOSITORY LIST */ .ui.repository.list { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - margin-top: 10px !important; + margin-top: 16px !important; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + grid-gap: 16px; } .ui.repository.list .item { width: 400px; - margin: 8px; + width: 100%; min-height: unset !important; padding: 14px 16px !important; border: 1px solid var(--color-secondary); @@ -1492,7 +1504,7 @@ html { padding: 30px 10px; padding: 30px 0; width: 1300px; - margin-bottom: -100px; + margin-bottom: -45px; /* Move Navbar to the side */ /* Main Content */ } @@ -1619,11 +1631,22 @@ html { background: none !important; } .dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a { + display: flex; flex: 1 0 max-content; min-width: 200px; + max-width: calc(100% - 12px); border: 1px solid var(--color-secondary); margin: 3px 6px; } +.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .right { + margin-left: auto; +} +.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a span { + width: 100%; +} +.dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .label { + margin-left: 4px; +} .dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a:hover { background-color: var(--color-light); } From 02155fef9728af26da4382c941763781c830529e Mon Sep 17 00:00:00 2001 From: Free Date: Sat, 31 Jul 2021 21:21:51 +0200 Subject: [PATCH 3/3] Fix codeberg logo --- Gitea/theme-gitea-modern.user.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/Gitea/theme-gitea-modern.user.css b/Gitea/theme-gitea-modern.user.css index 2d07cad..99ab392 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.0 +@version 1.0.1 @description A modern style for Gitea and Codeberg! @updateURL https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/Gitea-modern.user.css @@ -30,3 +30,11 @@ @-moz-document domain("codeberg.org"), domain("gitea.com"), domain("try.gitea.io"), domain("gitdab.com"), domain("git.fsfe.org"), domain("git.passageenseine.fr"), domain("dev.sum7.eu") { @import url("https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.css"); } +@-moz-document domain("codeberg.org") { + /* Fix Codeberg Logo */ + .item.brand a { + border-radius: 100px; + background-color: var(--color-primary) !important; + box-shadow: 0 1px 2px var(--color-primary); + } +} \ No newline at end of file