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); }