diff --git a/src/App/App.css b/src/App/App.css index 9cef50fca489aac6b07f5e40a099b115059de33a..8a92b552d2373f1fa5b2e61989a936ba92f36bbe 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 cd0ad1f28de1b5df4ec4703c7d91dc3137799d38..0a78fd3093a04c31b101070bbf17ea6a7ecdb3ac 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 = ""; } }