sofia/Gitea-Modern
1
0
Fork 0
forked from mirrors/Gitea-Modern
Code Pull requests Activity

Compiled

Browse source
This commit is contained in:
Free 2021-07-31 21:18:15 +02:00
parent f9a84ed6b4
commit 21fd3372dc
1 changed files with 39 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
Gitea/theme-gitea-modern.css
View file

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