From a6f3ffa4f56be06f1f0702de8cdcaa077eb16a8a Mon Sep 17 00:00:00 2001 From: candifloss Date: Thu, 14 Nov 2024 15:56:00 +0530 Subject: [PATCH] css tweeks --- test/css/repo-home.css | 45 +++++++++---------------- test/scss/repo-home/_sidebar-right.scss | 38 +++++++-------------- 2 files changed, 27 insertions(+), 56 deletions(-) diff --git a/test/css/repo-home.css b/test/css/repo-home.css index e7277e5..418331b 100644 --- a/test/css/repo-home.css +++ b/test/css/repo-home.css @@ -141,7 +141,7 @@ header .header-section.header-right a:hover { color: #f0f0f0; text-decoration: none; font-size: 15px; - padding: 0.75em 12px; + padding: 0.7em 12px; border-left: 2px solid rgba(0, 0, 0, 0); } .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 { display: flex; - gap: 0.5rem; + gap: 0.2em; padding: 7px 12px; } .sidebar-right .repo-stats .stat-item { @@ -183,43 +183,28 @@ header .header-section.header-right a:hover { color: #1b97ff; } .sidebar-right .repo-languages { - padding: 8px 12px; + padding: 0 12px; } .sidebar-right .repo-languages .repo-languages-title { width: 100%; font-size: 16px; - height: 1.7em; + height: 1.6em; display: block; - margin-bottom: 2px; - border-bottom: 1px solid #333; } .sidebar-right .repo-languages .repo-lang-list { display: block; width: 100%; overflow-y: scroll; - height: 200px; - max-height: 220px; + max-height: 108px; + background-color: #262626; + padding-top: 3px; + border-radius: 3px; } .sidebar-right .repo-languages .repo-lang-list .repo-lang-list-item { font-size: 15px; height: 20px; display: flex; 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 * { 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 { min-width: 4ch; text-align: right; - margin-right: 0.5ch; + margin-right: 1ch; } .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 { - 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 { - 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 { - 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 { - 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 { display: flex; @@ -261,7 +246,7 @@ header .header-section.header-right a:hover { color: #f0f0f0; text-decoration: none; font-size: 15px; - padding: 0.75em 12px; + padding: 0.7em 12px; border-left: 2px solid rgba(0, 0, 0, 0); margin-top: auto; } diff --git a/test/scss/repo-home/_sidebar-right.scss b/test/scss/repo-home/_sidebar-right.scss index af1abe9..92891aa 100644 --- a/test/scss/repo-home/_sidebar-right.scss +++ b/test/scss/repo-home/_sidebar-right.scss @@ -34,7 +34,7 @@ $settings-link-hover-bg-color: #333; color: $sidebar-text-color; text-decoration: none; font-size: 15px; - padding: 0.75em 12px; + padding: 0.70em 12px; border-left: 2px solid rgba(0,0,0,0); &:hover, &:active { @@ -129,7 +129,7 @@ $settings-link-hover-bg-color: #333; .repo-stats { display: flex; - gap: 0.5rem; + gap: 0.2em; padding: 7px 12px; .stat-item { @@ -162,25 +162,27 @@ $settings-link-hover-bg-color: #333; .repo-languages { //background-color: black; - padding: 8px 12px; + padding: 0 12px; .repo-languages-title { width: 100%; font-size: 16px; - height: 1.7em; + height: 1.6em; display: block; //position: absolute; - margin-bottom: 2px; - border-bottom: 1px solid #333; - + //margin-bottom: 2px; + //border-bottom: 1px solid #333; } .repo-lang-list { display: block; width: 100%; overflow-y: scroll; - height: 200px; - max-height: 220px; + max-height: 108px; + //max-height: 103px; + background-color: #262626; + padding-top: 3px; + border-radius: 3px; .repo-lang-list-item { font-size: 15px; @@ -205,25 +207,9 @@ $settings-link-hover-bg-color: #333; .repo-lang-perc { min-width: 4ch; 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); @each $lang, $perc in $langs {