From 172e21090d9343145303712f39cf9c7faede5963 Mon Sep 17 00:00:00 2001
From: martins <clement.martins@etu.u-pec.fr>
Date: Fri, 31 Mar 2023 12:13:20 +0200
Subject: [PATCH] correction timeline, fin de la SAE

---
 css/style.css             | 59 +++++++++++++++++++++++++++++----------
 riot/modaleEcole.riot     |  1 +
 riot/tableuFormation.riot |  1 -
 3 files changed, 46 insertions(+), 15 deletions(-)

diff --git a/css/style.css b/css/style.css
index f6e8b4e..807c0f6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -5,21 +5,52 @@
 #map { height: 100vh;  z-index: 0;}
 
 
-/* The actual timeline (the vertical ruler) */
-.timeline {
-    position: relative;
-    max-width: 1200px;
-    margin: 0 auto;
-  }
   
-  /* The actual timeline (the vertical ruler) */
-  .timeline::after {
+.timeline {
+    margin: 0 auto;
+    max-width: 750px;
+    padding: 0px;
+    font-family: "Fira Sans", sans-serif;
+}
+::before, ::after {
+    box-sizing: inherit;
+}
+
+.timeline ul{
+    list-style: none;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+}
+
+
+.timeline ul::before{
+
     content: '';
     position: absolute;
-    width: 6px;
-    background-color: white;
     top: 0;
-    bottom: 0;
-    left: 50%;
-    margin-left: -3px;
-  }
\ No newline at end of file
+    left: 0px;
+    width: 0px;
+    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%;
+  }
+
diff --git a/riot/modaleEcole.riot b/riot/modaleEcole.riot
index d85765d..eabf83c 100644
--- a/riot/modaleEcole.riot
+++ b/riot/modaleEcole.riot
@@ -55,6 +55,7 @@
         <div class="column">
             <p class="has-text-weight-bold"> Vitesse de remplissage</p>
             <div class="timeline">
+            
                 <ul>
                     <li class="timeline_li">
                         <div>
diff --git a/riot/tableuFormation.riot b/riot/tableuFormation.riot
index 8118c64..f6e82da 100644
--- a/riot/tableuFormation.riot
+++ b/riot/tableuFormation.riot
@@ -209,7 +209,6 @@ export default function todos() {
                 this.triDpt(bool)
             }
             if(nom==="selectivité"){
-                console.log("selectivite")
                 this.trieSelectivite(bool)
             }
         },