From 0153cffdab7fe17206a4eff2dbe4aeb8c675d1a7 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <lsanfilippo@techfak.uni-bielefeld.de>
Date: Thu, 14 Nov 2024 17:56:06 +0100
Subject: [PATCH] deleted slick-track & added margin to figure
---
src/App/App.css | 54 +++----------------------------------------
src/contents/team.tsx | 4 ++--
2 files changed, 5 insertions(+), 53 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index b0025ed0..4caec0bf 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -1447,8 +1447,6 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
}
.lnp > img{
display: block;
- margin-left: auto;
- margin-right: auto;
width: 8rem !important;
max-width: 66% !important;
transition: all 1s ease;
@@ -2024,7 +2022,6 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
}
-.slick-slider .slick-track,
.slick-slider .slick-list
@@ -2043,54 +2040,9 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
}
-.slick-track
-
-{
-
- position: relative;
-
- top: 0;
-
- left: 0;
-
-
- display: block;
-
- margin-left: auto;
-
- margin-right: auto;
-
-}
-
-.slick-track:before,
-
-.slick-track:after
-
-{
- display: table;
- content: '';
-
-}
-
-.slick-track:after
-
-{
-
- clear: both;
-
-}
-
-.slick-loading .slick-track
-
-{
-
- visibility: hidden;
-
-}
-
.slick-slide
@@ -3537,9 +3489,7 @@ svg a:hover text{
width: 20px;
}
-.footer-slider .slider-container .slick-slider .slick-initialized .slick-list .slick-track{
- width: 900px !important;
-}
+
.header-title svg{
max-width: 100% !important;
@@ -3956,6 +3906,8 @@ figure {
width: 100%;
text-align: center;
margin: 0 !important;
+ margin-bottom: var(--simple-margin) !important;
+ margin-top: var(--simple-margin) !important;
}
.responsive-image {
margin: auto;
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 5686301b..621f94a0 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -107,7 +107,7 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
let frontbriefclass = "frontbrief frontbrief"+thename;
let backbriefclass = "backbrief backbrief"+thename;
- let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div>
+ let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img side-margins-auto "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div>
let namerow = <div className="row"><div className="team-name"> {title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> ({data[index].pronouns}) </span> </div> <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>;
let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGEM</h6> {why} </div> ;
let facts = <div className={frontbriefclass}><div className=""> <b>Age:</b> {data[index].age} </div> <br/> {headof} <div> <b>Part of:</b> {jobs}</div> <br/> <div className=""> <b>Major:</b> {data[index].studiengang} </div> <br/> <div className=""> <b>Scientific interests:</b> {data[index].scientificinterests} </div> </div>;
@@ -202,7 +202,7 @@ function createPiSteckbriefe(data: Array<SteckbriefInterface>){
let frontbriefclass = "frontbrief frontbrief"+thename;
let backbriefclass = "backbrief backbrief"+thename;
- let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div>
+ let picture = <div className="col-2 lnp center"><img src={data[index].zweitfoto} style={{display: "none"}} className={"img team-img side-margins-auto "+backbriefclass}/><img src={data[index].hauptfoto} className={"img team-img "+frontbriefclass}></img></div>
let namerow = <div className="row"><div className="team-name"> {title} {data[index].vorname} {data[index].nachname} <span className="pronouns"> ({data[index].pronouns}) </span> </div> <div className="col"> <a href={data[index].linkedinurl}> <img className="team-socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin.png" /> </a></div> </div>;
let frontparagraph = <div className={"row " + frontbriefclass}> <h6>Why I took part in iGEM</h6> {why} </div> ;
let facts = <div className={frontbriefclass}><div className=""> <b>Age:</b> {data[index].age} </div> <br/> {headof} <div> <b>Affiliation:</b> {jobs}</div> <br/> <div className=""> <b>Regular Job:</b> {data[index].studiengang} </div> <br/> <div className=""> <b>Scientific interests:</b> {data[index].scientificinterests} </div> </div>;
--
GitLab