candifloss/Gitea-Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css tweeks

Browse Source
This commit is contained in:
Candifloss 2024-11-14 15:56:00 +05:30
parent 067a0a4e10
commit a6f3ffa4f5
2 changed files with 27 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
test/css/repo-home.css
View File

@ -141,7 +141,7 @@ header .header-section.header-right a:hover {
color: #f0f0f0; color: #f0f0f0;
text-decoration: none; text-decoration: none;
font-size: 15px; font-size: 15px;
padding: 0.75em 12px; padding: 0.7em 12px;
border-left: 2px solid rgba(0, 0, 0, 0); border-left: 2px solid rgba(0, 0, 0, 0);
} }
.sidebar-right .repo-nav .nav-link:hover, .sidebar-right .repo-nav .nav-link:active { .sidebar-right .repo-nav .nav-link:hover, .sidebar-right .repo-nav .nav-link:active {
@ -156,7 +156,7 @@ header .header-section.header-right a:hover {
} }
.sidebar-right .repo-stats { .sidebar-right .repo-stats {
display: flex; display: flex;
gap: 0.5rem; gap: 0.2em;
padding: 7px 12px; padding: 7px 12px;
} }
.sidebar-right .repo-stats .stat-item { .sidebar-right .repo-stats .stat-item {
@ -183,43 +183,28 @@ header .header-section.header-right a:hover {
color: #1b97ff; color: #1b97ff;
} }
.sidebar-right .repo-languages { .sidebar-right .repo-languages {
padding: 8px 12px; padding: 0 12px;
} }
.sidebar-right .repo-languages .repo-languages-title { .sidebar-right .repo-languages .repo-languages-title {
width: 100%; width: 100%;
font-size: 16px; font-size: 16px;
height: 1.7em; height: 1.6em;
display: block; display: block;
margin-bottom: 2px;
border-bottom: 1px solid #333;
} }
.sidebar-right .repo-languages .repo-lang-list { .sidebar-right .repo-languages .repo-lang-list {
display: block; display: block;
width: 100%; width: 100%;
overflow-y: scroll; overflow-y: scroll;
height: 200px; max-height: 108px;
max-height: 220px; background-color: #262626;
padding-top: 3px;
border-radius: 3px;
} }
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item {
font-size: 15px; font-size: 15px;
height: 20px; height: 20px;
display: flex; display: flex;
width: 100%; width: 100%;
/*&.lang1 {
background: lang_bg(random_col(), 40%);
}
&.lang2 {
background: lang_bg(random_col(), 10%);
}
&.lang3 {
background: lang_bg(random_col(), 15%);
}
&.lang4 {
background: lang_bg(random_col(), 20%);
}
&.lang5 {
background: lang_bg(random_col(), 90%);
}*/
} }
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item * { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item * {
margin: auto; margin: auto;
@ -237,22 +222,22 @@ header .header-section.header-right a:hover {
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item .repo-lang-perc { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item .repo-lang-perc {
min-width: 4ch; min-width: 4ch;
text-align: right; text-align: right;
margin-right: 0.5ch; margin-right: 1ch;
} }
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-1 { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-1 {
background: linear-gradient(to left, rgb(208, 1, 4) 0%, rgb(208, 1, 4) 40%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(155, 6, 54) 0%, rgb(155, 6, 54) 40%, rgba(0, 0, 0, 0) 0%);
} }
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-2 { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-2 {
background: linear-gradient(to left, rgb(185, 68, 68) 0%, rgb(185, 68, 68) 10%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(61, 26, 8) 0%, rgb(61, 26, 8) 10%, rgba(0, 0, 0, 0) 0%);
} }
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-3 { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-3 {
background: linear-gradient(to left, rgb(28, 85, 14) 0%, rgb(28, 85, 14) 15%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(145, 99, 35) 0%, rgb(145, 99, 35) 15%, rgba(0, 0, 0, 0) 0%);
} }
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-4 { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-4 {
background: linear-gradient(to left, rgb(79, 93, 103) 0%, rgb(79, 93, 103) 20%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(156, 88, 84) 0%, rgb(156, 88, 84) 20%, rgba(0, 0, 0, 0) 0%);
} }
.sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-5 { .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item.lang-5 {
background: linear-gradient(to left, rgb(25, 37, 111) 0%, rgb(25, 37, 111) 90%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(183, 64, 20) 0%, rgb(183, 64, 20) 90%, rgba(0, 0, 0, 0) 0%);
} }
.sidebar-right .settings-link { .sidebar-right .settings-link {
display: flex; display: flex;
@ -261,7 +246,7 @@ header .header-section.header-right a:hover {
color: #f0f0f0; color: #f0f0f0;
text-decoration: none; text-decoration: none;
font-size: 15px; font-size: 15px;
padding: 0.75em 12px; padding: 0.7em 12px;
border-left: 2px solid rgba(0, 0, 0, 0); border-left: 2px solid rgba(0, 0, 0, 0);
margin-top: auto; margin-top: auto;
} }

38
test/scss/repo-home/_sidebar-right.scss
View File

@ -34,7 +34,7 @@ $settings-link-hover-bg-color: #333;
color: $sidebar-text-color; color: $sidebar-text-color;
text-decoration: none; text-decoration: none;
font-size: 15px; font-size: 15px;
padding: 0.75em 12px; padding: 0.70em 12px;
border-left: 2px solid rgba(0,0,0,0); border-left: 2px solid rgba(0,0,0,0);
&:hover, &:active { &:hover, &:active {
@ -129,7 +129,7 @@ $settings-link-hover-bg-color: #333;
.repo-stats { .repo-stats {
display: flex; display: flex;
gap: 0.5rem; gap: 0.2em;
padding: 7px 12px; padding: 7px 12px;
.stat-item { .stat-item {
@ -162,25 +162,27 @@ $settings-link-hover-bg-color: #333;
.repo-languages { .repo-languages {
//background-color: black; //background-color: black;
padding: 8px 12px; padding: 0 12px;
.repo-languages-title { .repo-languages-title {
width: 100%; width: 100%;
font-size: 16px; font-size: 16px;
height: 1.7em; height: 1.6em;
display: block; display: block;
//position: absolute; //position: absolute;
margin-bottom: 2px; //margin-bottom: 2px;
border-bottom: 1px solid #333; //border-bottom: 1px solid #333;
} }
.repo-lang-list { .repo-lang-list {
display: block; display: block;
width: 100%; width: 100%;
overflow-y: scroll; overflow-y: scroll;
height: 200px; max-height: 108px;
max-height: 220px; //max-height: 103px;
background-color: #262626;
padding-top: 3px;
border-radius: 3px;
.repo-lang-list-item { .repo-lang-list-item {
font-size: 15px; font-size: 15px;
@ -205,25 +207,9 @@ $settings-link-hover-bg-color: #333;
.repo-lang-perc { .repo-lang-perc {
min-width: 4ch; min-width: 4ch;
text-align: right; text-align: right;
margin-right: 0.5ch; margin-right: 1ch;
} }
/*&.lang1 {
background: lang_bg(random_col(), 40%);
}
&.lang2 {
background: lang_bg(random_col(), 10%);
}
&.lang3 {
background: lang_bg(random_col(), 15%);
}
&.lang4 {
background: lang_bg(random_col(), 20%);
}
&.lang5 {
background: lang_bg(random_col(), 90%);
}*/
$langs: (1: 40, 2: 10, 3: 15, 4: 20, 5: 90); $langs: (1: 40, 2: 10, 3: 15, 4: 20, 5: 90);
@each $lang, $perc in $langs { @each $lang, $perc in $langs {