Skip to content
Snippets Groups Projects
Commit 1ea1f9f5 authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

engineering

parent af8de610
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/App/App.css
+ 4
− 0
View file @ 1ea1f9f5
......@@ -3539,4 +3539,8 @@ a{
max-width: 100% !important;
margin: auto;
}
.detail-sideitem .sideitem .sidesubtab .sideitem{
color: white ;
}
\ No newline at end of file
src/contents/engineering.tsx
+ 58
− 1
View file @ 1ea1f9f5
......@@ -59,6 +59,39 @@ export function Engineering() {
<H3 text="Our cycle" id="Our Cycle"></H3>
<p>Hallo Prime Editing diesdas</p>
</div>
<div className="box" >
<p id="cyc1">
<h3>cyc1</h3>
<LoremShort></LoremShort>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</p>
</div>
<div className="box" >
<p id="cyc2">
<h3>cyc2</h3>
<LoremShort></LoremShort>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</p>
</div>
<div className="box" >
<p id="cyc3">
<h3>cyc3</h3>
<LoremShort></LoremShort>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</p>
</div>
<div className="box" >
<p id="cyc4">
<h3>cyc4</h3>
<LoremShort></LoremShort>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</p>
</div>
<br/>
<div className="row">
<div className="col">
......@@ -150,7 +183,31 @@ export function Engineering() {
<p id="del1">
<h3>del1</h3>
<LoremShort></LoremShort>
</p>
</p>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</div>
<div className="box" >
<p id="del2">
<h3>del2</h3>
<LoremShort></LoremShort>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</p>
</div>
<div className="box" >
<p id="del3">
<h3>del3</h3>
<LoremShort></LoremShort>
</p>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</div>
<div className="box" >
<p id="del4">
<h3>del4</h3>
<LoremShort></LoremShort>
</p>
<p><LoremShort></LoremShort></p>
<p><LoremShort></LoremShort></p>
</div>
......
src/sidebars/engS.tsx
+ 11
− 12
View file @ 1ea1f9f5
import { useEffect } from "react";
import { Highlight } from "../utils/Highlight-functions";
import { NewHighlight } from "../utils/Highlight-functions";
import { openThem } from "../utils/openThem";
export function EngSide(){
let nums = [ "del1"]
let nums = [ "cyc1", "cyc2", "cyc3", "cyc4", "del1", "del2", "del3", "del4", "del5"]
useEffect(() => {
window.addEventListener('scroll', handleScroll);
return () => window.removeEventListener('scroll', handleScroll);
......@@ -17,7 +17,7 @@ export function EngSide(){
let subdi = "subtitle" + ind
console.log("subdi is: " + subdi)
console.log("we use " + document.getElementById(item)?.id + " and " + document.getElementById(subdi)?.id)
Highlight({el: document.getElementById(item)!}, {subtitle: document.getElementById(subdi)!});
NewHighlight({el: document.getElementById(item)!}, {subtitle: document.getElementById(subdi)!});
}
console.log("function HighlightCheck")
}
......@@ -32,14 +32,10 @@ export function EngSide(){
<div>
<a onClick={openThem({it: "our-cycle"})}>
<div className="detail-sideitem">
<div id="parent-our-cycle" className="sideitem">
<div id="parent-our-cycle" className="sideitem active-sideitem">
<summary>Our Cycle</summary>
<span id="our-cycle" className="sidesubtab" style={{display: "none"}}>
<ul>
<a href="#"><li>Iteration 1</li></a>
<a href="#"><li>Iteration 2</li></a>
<a href="#"><li>Iteration 3</li></a>
</ul>
<span id="our-cycle" className="sidesubtab" style={{display: "block"}}>
</span>
</div>
</div>
......@@ -116,8 +112,11 @@ export function EngSide(){
<summary>Delivery</summary>
<span id="delivery" className="sidesubtab" style={{display: "none"}}>
<ul>
<li><a href="#del1">
<span id="subtitle0" className='sideitem'>Iteration 1</span>
<li><a href="#del2">
<span id="subtitle3" className='sideitem'>Iteration 1</span>
</a></li>
<li><a href="#del2">
<span id="subtitle4" className='sideitem'>Iteration 1</span>
</a></li>
<a href="#"><li>Iteration 2</li></a>
<a href="#"><li>Iteration 3</li></a>
......
src/utils/Highlight-functions.ts
+ 2
− 2
View file @ 1ea1f9f5
......@@ -10,7 +10,7 @@ export function NewHighlight({el}: {el: HTMLElement | null}, {subtitle}:{subtitl
console.log(el)
console.log(el.getBoundingClientRect()) */
if (el.getBoundingClientRect().top < TopDistance + 1 && el.getBoundingClientRect().bottom > TopDistance){
subtitle.style.color = "blue";
subtitle.style.color = "#F57D22";
subtitle.style.backgroundColor = "rgb(133, 15, 120, 0.8)";
subtitle.style.borderColor = "#850F78";
subtitle.style.marginLeft = "10px";
......@@ -50,7 +50,7 @@ export function NewHighlight({el}: {el: HTMLElement | null}, {subtitle}:{subtitl
}
}
else{
subtitle.style.color = "#850F78";
subtitle.style.color = "red";
subtitle.style.backgroundColor = "";
subtitle.classList.remove("subtitle-active");
if(subtitle.childNodes[0] != undefined){
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment