finished list

BrowserAssets/UI/css/base.css

@@ -4,3 +4,30 @@ body{
     background-color: white;
     font-size: 2vh;
 }
+::-webkit-scrollbar {
+    width: 5px;
+    height: 7px;
+    
+}
+::-webkit-scrollbar-button {
+    width: 0px;
+    height: 0px;
+}
+::-webkit-scrollbar-corner {
+    background: transparent;
+}
+::-webkit-scrollbar-thumb {
+    box-shadow: 0px 0px 2px 2px #3f566d;
+    background: #77bfda;
+    border-radius: 5px;
+    cursor: pointer;
+}
+::-webkit-scrollbar-thumb:hover{
+    background: #77bfda;
+    border-radius: 5px;
+}
+::-webkit-scrollbar-track {
+    background: transparent;
+    border: 0px none #ffffff;
+    border-radius: 50px;
+}
\ No newline at end of file

BrowserAssets/UI/css/window.css

@@ -13,10 +13,11 @@
     background-position: center;
     font-family: "Cocogoose Regular";
     border-radius: 5px;
+    user-select: none;
 }
 
 .window .content{
-    flex-grow: 1;
+    flex: 1;
     display: flex;
     flex-direction: column;
     margin-top: 1.5%;
@@ -27,6 +28,7 @@
     color:white;
     border-radius: 5px;
     padding: 1em;
+    min-height: 0;
 }
 
 .window .content .title{
@@ -51,6 +53,7 @@
     */
     box-shadow: 0px 0px 2px 2px #3f566d, inset 0px 0px 2px 2px #000;
     padding: 1em;
+    overflow-y: auto;
 }
 
 .window .content .listContainer .item{
@@ -61,13 +64,19 @@
     border-radius: 5px;
     border: 1px solid #8fdcf9;
     box-shadow: 0px 0px 2px 2px #3f566d, inset 0px 0px 2px 2px #3f566d;
+    cursor: pointer;
+    margin-bottom: .5em;
+}
+.window .content .listContainer .item:hover{
+    box-shadow: 0px 0px 2px 2px #3f566d, inset 0px 0px 5px 5px #8fdcf9;
+    background-color: #77bfda;
 }
 .window .content .listContainer .item .description{
     flex-grow: 1;
     padding-left: .5em;
 }
 .window .content .listContainer .item .description span{
-    font-family: "Cocogoose Regular Light";
+    font-family: "Cocogoose Regular";
     font-weight: 6  00;
     font-size: .75em;
 }
@@ -78,6 +87,7 @@
 
 .icon img{
     height: inherit;
+    border-radius: 5px;
 }
 
 .window .actionsBar{

BrowserAssets/UI/mainMenu.html

@@ -39,6 +39,7 @@
                 -->
                 <span>Choisi ou créé une partie pour pouvoir jouer au jeu.</span>
                 <div class="listContainer">
+                    <!-- Item à intgérer-->
                     <div class="item">
                         <div class="icon">
                             <img src="images/icons/create-icon.png" alt="create-icon">
@@ -48,6 +49,74 @@
                             <span>Les joueurs présents sur ton réseau local pourront te rejoindre. :D</span>
                         </div>
                     </div>
+                    <!-- Fin item -->
+
+                    <!-- Item à intgérer-->
+                    <div class="item">
+                        <div class="icon">
+                            <img src="images/icons/world-icon.png" alt="world-icon">
+                        </div>
+                        <div class="description">
+                            <h4>Partie de CoachFrank007</h4>
+                            <span>3/4 Joueurs - Epreuvre en cours</span>
+                        </div>
+                    </div>
+                    <!-- Fin item -->
+                    <!-- Item à intgérer-->
+                    <div class="item">
+                        <div class="icon">
+                            <img src="images/icons/world-icon.png" alt="world-icon">
+                        </div>
+                        <div class="description">
+                            <h4>Partie de CoachFrank007</h4>
+                            <span>3/4 Joueurs - Epreuvre en cours</span>
+                        </div>
+                    </div>
+                    <!-- Fin item -->
+                    <!-- Item à intgérer-->
+                    <div class="item">
+                        <div class="icon">
+                            <img src="images/icons/world-icon.png" alt="world-icon">
+                        </div>
+                        <div class="description">
+                            <h4>Partie de CoachFrank007</h4>
+                            <span>3/4 Joueurs - Epreuvre en cours</span>
+                        </div>
+                    </div>
+                    <!-- Fin item -->
+                    <!-- Item à intgérer-->
+                    <div class="item">
+                        <div class="icon">
+                            <img src="images/icons/world-icon.png" alt="world-icon">
+                        </div>
+                        <div class="description">
+                            <h4>Partie de CoachFrank007</h4>
+                            <span>3/4 Joueurs - Epreuvre en cours</span>
+                        </div>
+                    </div>
+                    <!-- Fin item -->
+                    <!-- Item à intgérer-->
+                    <div class="item">
+                        <div class="icon">
+                            <img src="images/icons/world-icon.png" alt="world-icon">
+                        </div>
+                        <div class="description">
+                            <h4>Partie de CoachFrank007</h4>
+                            <span>3/4 Joueurs - Epreuvre en cours</span>
+                        </div>
+                    </div>
+                    <!-- Fin item -->
+                    <!-- Item à intgérer-->
+                    <div class="item">
+                        <div class="icon">
+                            <img src="images/icons/world-icon.png" alt="world-icon">
+                        </div>
+                        <div class="description">
+                            <h4>Partie de CoachFrank007</h4>
+                            <span>3/4 Joueurs - Epreuvre en cours</span>
+                        </div>
+                    </div>
+                    <!-- Fin item -->
                 </div>
             </div>
             <div class="actionsBar">