PVR/gokarna
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix overlapping and tags hover color

Browse Source
This commit is contained in:
Avijit 🚀
2021-08-05 01:15:10 +02:00
committed by Yash Mehrotra
parent 113158ce4e
commit 787e053f7b
2 changed files with 22 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
themes/gokarna/static/css/dark.css
View File

@@ -1,7 +1,7 @@
:root { :root {
--dark-bg-color: 18, 18, 18; --dark-bg-color: 18, 18, 18;
--dark-text-color: white; --dark-text-color: white;
--dark-tags-bg-color: #1f1f1f; --dark-tags-bg-color: #444444;
--dark-header-divider-color: #484848; --dark-header-divider-color: #484848;
} }
@@ -29,7 +29,7 @@ a:hover .feather-moon {
.post-tags .post-tag:hover { .post-tags .post-tag:hover {
background-color: var(--dark-text-color); background-color: var(--dark-text-color);
color: rgb(--dark-bg-color); color: rgb(var(--dark-bg-color));
} }
.tags-list .post-tags .post-tag a .tag-posts-count { .tags-list .post-tags .post-tag a .tag-posts-count {
@@ -38,7 +38,7 @@ a:hover .feather-moon {
.tags-list .post-tags .post-tag:hover a .tag-posts-count { .tags-list .post-tags .post-tag:hover a .tag-posts-count {
background-color: var(--dark-text-color); background-color: var(--dark-text-color);
color: rgb(--dark-bg-color); color: rgb(var(--dark-bg-color));
} }
.footer { .footer {

23
themes/gokarna/static/css/main.css
View File

@@ -3,6 +3,7 @@
--light-bg-color: 255, 255, 255; --light-bg-color: 255, 255, 255;
--light-text-color: black; --light-text-color: black;
--light-tags-bg-color: #dddddd;
--light-header-divider-color: #dfdfdf; --light-header-divider-color: #dfdfdf;
} }
@@ -50,6 +51,7 @@ img {
top: 0; top: 0;
transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out;
width: 100%; width: 100%;
z-index: 5;
} }
.header a { .header a {
@@ -142,6 +144,14 @@ a:hover .feather-sun {
width: 100%; width: 100%;
z-index: 5; z-index: 5;
} }
.nav-hamburger-list .nav-item {
position: relative;
z-index: 5;
}
.nav-item a {
position: relative;
z-index: 5;
}
.nav-hamburger-list a:hover { .nav-hamburger-list a:hover {
text-decoration: underline; text-decoration: underline;
} }
@@ -203,7 +213,7 @@ a:hover .feather-sun {
} }
.post-tags .post-tag:hover { .post-tags .post-tag:hover {
background-color: var(--light-text-color); background-color: var(--light-text-color);
color: var(--light-bg-color); color: rgb(var(--light-bg-color));
} }
.post-tag a { .post-tag a {
color: inherit; color: inherit;
@@ -351,7 +361,7 @@ main#content .post {
margin-top: 50px; margin-top: 50px;
} }
.tags-list .post-tags .post-tag { .tags-list .post-tags .post-tag {
margin: 0 5px; margin: 2px 5px;
padding: 0; padding: 0;
} }
.tags-list .post-tags .post-tag a { .tags-list .post-tags .post-tag a {
@@ -365,12 +375,17 @@ main#content .post {
padding: 5px 8px; padding: 5px 8px;
} }
.tags-list .post-tags .post-tag a .tag-posts-count { .tags-list .post-tags .post-tag a .tag-posts-count {
background: rgba(0, 0, 0, 0.1); background-color: var(--light-tags-bg-color);
border-radius: inherit; border-radius: inherit;
color: inherit;
opacity: 0.8; opacity: 0.8;
padding: 6px; padding: 6px;
position: relative; position: relative;
z-index: -1; z-index: 0;
}
.tags-list .post-tags .post-tag:hover a .tag-posts-count {
background-color: var(--light-text-color);
color: rgb(var(--light-bg-color));
} }
@media only screen and (max-width: 820px) { @media only screen and (max-width: 820px) {