correction timeline, fin de la SAE
This commit is contained in:
parent
2bb7097a0d
commit
172e21090d
@ -5,21 +5,52 @@
|
|||||||
#map { height: 100vh; z-index: 0;}
|
#map { height: 100vh; z-index: 0;}
|
||||||
|
|
||||||
|
|
||||||
/* The actual timeline (the vertical ruler) */
|
|
||||||
.timeline {
|
.timeline {
|
||||||
position: relative;
|
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
max-width: 750px;
|
||||||
|
padding: 0px;
|
||||||
|
font-family: "Fira Sans", sans-serif;
|
||||||
|
}
|
||||||
|
::before, ::after {
|
||||||
|
box-sizing: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The actual timeline (the vertical ruler) */
|
.timeline ul{
|
||||||
.timeline::after {
|
list-style: none;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.timeline ul::before{
|
||||||
|
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 6px;
|
|
||||||
background-color: white;
|
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
left: 0px;
|
||||||
left: 50%;
|
width: 0px;
|
||||||
margin-left: -3px;
|
height: 100%;
|
||||||
|
border: 1px solid #EDEDED;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.timeline li{
|
||||||
|
padding-left: 1rem;
|
||||||
|
position: relative;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.timeline li::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
background-color: hsl(171, 100%, 41%);
|
||||||
|
left: calc(-1rem/2.2);
|
||||||
|
top: calc(0.2rem);
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -55,6 +55,7 @@
|
|||||||
<div class="column">
|
<div class="column">
|
||||||
<p class="has-text-weight-bold"> Vitesse de remplissage</p>
|
<p class="has-text-weight-bold"> Vitesse de remplissage</p>
|
||||||
<div class="timeline">
|
<div class="timeline">
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li class="timeline_li">
|
<li class="timeline_li">
|
||||||
<div>
|
<div>
|
||||||
|
@ -209,7 +209,6 @@ export default function todos() {
|
|||||||
this.triDpt(bool)
|
this.triDpt(bool)
|
||||||
}
|
}
|
||||||
if(nom==="selectivité"){
|
if(nom==="selectivité"){
|
||||||
console.log("selectivite")
|
|
||||||
this.trieSelectivite(bool)
|
this.trieSelectivite(bool)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
Loading…
Reference in New Issue
Block a user