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

unsuccessful attempt to fix sidebar size

Browse Source
This commit is contained in:
Candifloss 2024-11-14 19:01:12 +05:30
parent a6f3ffa4f5
commit b080aeb8f1
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -87,7 +87,9 @@ header .header-section.header-right a:hover {
padding: 0; padding: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 95vh; height: 100%;
max-height: 100%;
overflow-y: auto;
} }
.sidebar-right .repo-info { .sidebar-right .repo-info {
display: flex; display: flex;
@ -225,19 +227,19 @@ header .header-section.header-right a:hover {
margin-right: 1ch; 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(155, 6, 54) 0%, rgb(155, 6, 54) 40%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(74, 21, 80) 0%, rgb(74, 21, 80) 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(61, 26, 8) 0%, rgb(61, 26, 8) 10%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(90, 82, 155) 0%, rgb(90, 82, 155) 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(145, 99, 35) 0%, rgb(145, 99, 35) 15%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(149, 46, 65) 0%, rgb(149, 46, 65) 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(156, 88, 84) 0%, rgb(156, 88, 84) 20%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(90, 82, 110) 0%, rgb(90, 82, 110) 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(183, 64, 20) 0%, rgb(183, 64, 20) 90%, rgba(0, 0, 0, 0) 0%); background: linear-gradient(to left, rgb(73, 132, 34) 0%, rgb(73, 132, 34) 90%, rgba(0, 0, 0, 0) 0%);
} }
.sidebar-right .settings-link { .sidebar-right .settings-link {
display: flex; display: flex;
@ -265,7 +267,10 @@ body {
background-color: #232323; background-color: #232323;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; height: 100vh;
}
body .body-content {
height: 95vh;
} }
body .body-content main.main-content { body .body-content main.main-content {
flex: 1; flex: 1;

2
test/html/repo-home.html
View File

@ -109,7 +109,7 @@
</div> </div>
<div class="repo-languages"> <div class="repo-languages">
<h3 class="repo-languages-title">Languages</h3> <!-- h3 class="repo-languages-title">Languages</h3 -->
<ul class="repo-lang-list"> <ul class="repo-lang-list">
<li class="repo-lang-list-item lang-1"> <li class="repo-lang-list-item lang-1">
<i class="repo-lang-icon fa-brands fa-css3-alt"></i> <i class="repo-lang-icon fa-brands fa-css3-alt"></i>

3
test/scss/repo-home.scss
View File

@ -6,9 +6,10 @@ body {
background-color: #232323; background-color: #232323;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; height: 100vh;
.body-content { .body-content {
height: 95vh;
main.main-content { main.main-content {
flex: 1; flex: 1;
//display: flex; //display: flex;

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

@ -57,7 +57,9 @@ $settings-link-hover-bg-color: #333;
padding: 0; padding: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 95vh; height: 100%;
max-height: 100%;
overflow-y: auto;
.repo-info { .repo-info {
display: flex; display: flex;