SelfPrivacy
/
selfprivacy.org
7
1
Fork 5
Code Issues 11 Pull Requests 5 Releases Activity

Merge pull request 'Change navigation hover appearance' (#105) from nevfy/selfprivacy.org:docs-hover into master
continuous-integration/drone/push Build is passing Details 

Reviewed-on: #105
Reviewed-by: Inex Code <inex.code@selfprivacy.org>
pull/113/head
Inex Code 2024-02-05 10:06:05 +02:00
parent 8382708a2b 664b2c8898
commit f420718b96
1 changed files with 59 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
assets/scss/_styles_project.scss
View File

@ -7,11 +7,16 @@
.nav-link {
color: $secondary !important;
font-weight: 600;
border-radius: 5px;
}
.nav-link:hover, .nav-link.active{
.nav-link:hover {
background-color: #61616144;
transition: background-color 0.2s ease-in-out;
}
.nav-link.active{
background-color: #616161;
color: white;
border-radius: 5px;
}
}
@ -28,6 +33,18 @@
padding: .5rem 1.5rem;
}
.sp-footer h2,
.sp-footer h3,
.sp-footer a.nav-link {
padding: 0.3rem 1rem !important;
}
.sp-footer a.nav-link:hover {
background-color: #61616144;
transition: background-color 0.2s ease-in-out;
border-radius: .3rem;
}
.sp-footer a.nav-link span {
width: 2rem;
display: inline-flex;
@ -60,21 +77,59 @@
border-radius: 0.25rem;
}
.td-sidebar-nav-active-item {
color: $primary !important;
font-weight: 600;
}
.td-sidebar-nav .td-sidebar-link__page,
ul.ul-2>.td-sidebar-nav__section-title a {
color: #616161 !important;
font-weight: 400;
padding: .3rem .8rem !important;
border-radius: .3rem;
margin: .1rem !important;
}
.td-sidebar-link.td-sidebar-link__section {
border-radius: .3rem;
padding: .3rem .8rem !important;
margin: .1rem !important;
}
.td-sidebar-link.td-sidebar-link__section:hover {
color: $primary !important;
background-color: #7EB07F11;
transition: background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.td-sidebar-nav a.active {
color: $primary !important;
background-color: #7EB07F22;
}
ul.ul-2 {
padding: 0;
}
ul.ul-2>.td-sidebar-nav__section-title a:hover {
color: $blue !important;
color: $primary !important;
background-color: #7EB07F11;
transition: background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
ul.ul-0 li a.tree-root,
h5.taxonomy-title {
display: none !important;
}
li:has(input[type="checkbox"]) {
list-style-type: none;
}
.td-toc ul {
.td-toc ul {
margin-top: 1rem;
}