From 7ea7dbfdab119bff721b5d0780bf68824144f2ee Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Mon, 19 Aug 2024 22:20:17 +0200
Subject: [PATCH] engineerign sidebar
---
src/App/App.css | 18 ++++++++++++++++--
src/sidebars/engS.tsx | 7 +++----
2 files changed, 19 insertions(+), 6 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index 9cef50fc..8a92b552 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -145,13 +145,26 @@ code{
min-height: 40px;
display: inline-block;
}
+.sideitem summary{
+ color: var(--text-primary);
+}
+.active-sideitem summary{
+ color: white;
+}
+.sidesubtab ul{
+ list-style-type: none;
+}
.sidebar>div{
overflow: hidden;
text-align: left;
margin-left: 10px;
cursor: pointer;
}
+
+/* .sidebar div a div div span ul li a span{
+ color: white ;
+} */
.sidebar>div>a>span{
padding: 0.5rem;
color: var(--text-primary);
@@ -3260,8 +3273,9 @@ a{
.active-sideitem {
background-color: var(--text-primary) !important;
color: white !important;
- border-radius: 15px;
- border-width: 15px;
+ border-radius: 10px;
+ display: block;
+ border-width: 10px;
border-color: #850F78;
padding-right: 10px;
padding-left: 10px;
diff --git a/src/sidebars/engS.tsx b/src/sidebars/engS.tsx
index cd0ad1f2..0a78fd30 100644
--- a/src/sidebars/engS.tsx
+++ b/src/sidebars/engS.tsx
@@ -195,10 +195,8 @@ function Highlight({el}: {el: HTMLElement | null}, {subtitle}:{subtitle: HTMLEle
if (el.getBoundingClientRect().top < TopDistance + 1 && el.getBoundingClientRect().bottom > TopDistance){
subtitle.style.color = "blue";
subtitle.style.backgroundColor = "rgb(133, 15, 120, 0.8)";
- subtitle.style.borderRadius = "15px";
- subtitle.style.borderWidth = "15px";
subtitle.style.borderColor = "#850F78";
- subtitle.style.paddingLeft = "10px";
+ subtitle.style.marginLeft = "10px";
subtitle.style.paddingRight = "10px";
/* console.log("subtitle: ",subtitle)
@@ -207,7 +205,8 @@ function Highlight({el}: {el: HTMLElement | null}, {subtitle}:{subtitle: HTMLEle
console.log("backcolor: ",subtitle.style.backgroundColor) */
}
else{
- subtitle.style.color = "green";
+ subtitle.style.color = "white";
+ subtitle.style.marginLeft = "0";
subtitle.style.backgroundColor = "";
}
}
--
GitLab