mirror of
https://codeberg.org/Freeplay/Gitea-Modern
synced 2023-10-25 19:10:14 +00:00
Merge pull request 'Apply suggestions & fixes from https://codeberg.org/Freeplay/CSS-Styles/issues/2#issue-70277' (#3) from dev into main
Reviewed-on: https://codeberg.org/Freeplay/CSS-Styles/pulls/3
This commit is contained in:
Free
commit
0d98d4d27c
3 changed files with 84 additions and 30 deletions
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue