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

Apply suggestions & fixes from https://codeberg.org/Freeplay/CSS-Styles/issues/2

Browse source
This commit is contained in:
Free 2021-07-31 21:10:40 +02:00
parent a392a5c63e
commit f9a84ed6b4
1 changed files with 36 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
Gitea/theme-gitea-modern.styl
View file

@ -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.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.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); border-radius: var(--base-border-radius);
} }
.ui.menu > .item:first-child, .ui.menu > .item:first-child,
@ -238,6 +239,9 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
justify-content: center; justify-content: center;
min-width: 24px !important; min-width: 24px !important;
display: inline-flex; display: inline-flex;
&.sha > .detail { /* Fix SHA Padding */
margin-left: 6px !important;
}
svg { svg {
margin-right: 4px; margin-right: 4px;
} }
@ -293,14 +297,13 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
border-top: 1px solid var(--color-secondary); border-top: 1px solid var(--color-secondary);
} }
} }
.ui.tabular.menu > .item { .ui.tabular.menu:not(.borderless) > .item {
width: auto !important; width: auto !important;
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
min-width: 70px; min-width: 70px;
justify-content: center; justify-content: center;
position: relative; position: relative;
border-radius: 20px !important;
svg { svg {
margin-right: 10px !important; margin-right: 10px !important;
} }
@ -359,7 +362,9 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
html { html {
scrollbar-width: auto !important; scrollbar-width: auto !important;
} }
.full.height {
padding-bottom: 30px;
}
/*** Header ***/ /*** Header ***/
.following.bar { .following.bar {
@ -409,13 +414,14 @@ html {
margin-right: calc(-30px + 2%)!important; margin-right: calc(-30px + 2%)!important;
} }
.item.brand a { .item.brand a {
border-radius: 100px;
background-color: var(--color-primary) !important;
box-shadow: 0 1px 2px var(--color-primary);
width: 35px; width: 35px;
height: 35px; height: 35px;
margin-right: 20px; margin-right: 20px;
background-position: center; background-position: center;
img {
width: 100%;
height: 100%;
}
} }
.right { .right {
position: sticky; position: sticky;
@ -713,6 +719,10 @@ html {
padding-left: 16px !important; padding-left: 16px !important;
padding-right: 16px !important; padding-right: 16px !important;
box-sizing: border-box; box-sizing: border-box;
&.icon {
padding-left: 8px !important;
padding-right: 8px !important;
}
} }
#file-buttons { #file-buttons {
margin: 0 4px !important; margin: 0 4px !important;
@ -1299,13 +1309,14 @@ html {
/* REPOSITORY LIST */ /* REPOSITORY LIST */
.ui.repository.list { .ui.repository.list {
display: flex; margin-top: 16px !important;
flex-wrap: wrap; display: grid;
margin: 0 -10px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
margin-top: 10px !important; grid-gap: 16px;
.item { .item {
width: 400px; width: 400px;
margin: 8px; width: 100%;
min-height: unset !important; min-height: unset !important;
padding: 14px 16px !important; padding: 14px 16px !important;
border: 1px solid var(--color-secondary); border: 1px solid var(--color-secondary);
@ -1422,7 +1433,7 @@ html {
padding: 30px 10px; padding: 30px 10px;
padding: 30px 0; padding: 30px 0;
width: 1300px; width: 1300px;
margin-bottom: -100px; margin-bottom: -45px;
@ -1547,10 +1558,21 @@ html {
margin: 0 -6px !important; margin: 0 -6px !important;
background: none !important; background: none !important;
a { a {
display: flex;
flex: 1 0 max-content; flex: 1 0 max-content;
min-width: 200px; min-width: 200px;
max-width: calc(100% - 12px);
border: 1px solid var(--color-secondary); border: 1px solid var(--color-secondary);
margin: 3px 6px; margin: 3px 6px;
.right {
margin-left: auto;
}
span {
width: 100%;
}
.label {
margin-left: 4px;
}
&:hover { &:hover {
background-color: var(--color-light); background-color: var(--color-light);
} }
@ -1709,3 +1731,4 @@ footer {
padding: 0 40px; padding: 0 40px;
} }
} }