Add files via upload

Vital-Vuillaume · Feb 16, 2024 · acd9eb1 · acd9eb1
1 parent 276b174
commit acd9eb1
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 20 deletions.
diff --git a/My-Website.css b/My-Website.css
@@ -402,7 +402,11 @@ img, .custom-menu {
 
   font-size: 1em;
   color: red;
-  margin-top: 55px;
+  margin-top: 35px;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%,-50%);
+  width: max-content;
 
 }
 
@@ -667,17 +671,6 @@ img, .custom-menu {
 
 }
 
-/*-----Vu pour petit ecran-----*/
-
-@media screen and (max-width: 1080px) {
-
-  .shortcut {
-
-    width: 330px;
-
-  }
-
-}
 
 /*-----Vu pour tablette-----*/
 
@@ -856,7 +849,7 @@ img, .custom-menu {
   .img:active {
 
     transform: scale(0.8);
-    transition: 0.2s;
+
 
   }
 
@@ -913,12 +906,8 @@ img, .custom-menu {
 
   .no-results {
 
-    font-size: 1.1em;
+    font-size: 1em;
     margin-top: 25px;
-    position: absolute;
-    left: 50%;
-    transform: translate(-50%,-50%);
-    width: max-content;
 
   }
 

diff --git a/My-Website.js b/My-Website.js
@@ -23,6 +23,7 @@ const btnActualiser = document.querySelector(".btnMenu:first-child");
 const btnLienTheme = document.querySelector(".btnMenu:nth-child(3)");
 const btnLienEcran = document.querySelector(".btnMenu:nth-child(4)");
 const btnCustomMenu = document.querySelector(".btnMenu:nth-child(5)");
+const containerRecherche = document.querySelector('.containerRecherche');
 const Recherche = document.querySelector('.recherche');
 const resultats = document.querySelector('.resultats');
 const txtRecherche = document.querySelector('.txtRecherche');
@@ -341,7 +342,13 @@ function displaySearchResults(searchTerm) {
   }
 
   if (resultats.innerHTML === '') {
-    resultats.innerHTML = '<div class="no-results">Aucun résultat trouvé pour la recherche.</div>';
+    resultats.innerHTML = `<div class="no-results">Aucun résultat trouvé pour "${Recherche.value}".</div>`;
+    containerRecherche.style.overflow = "hidden";
+    containerRecherche.style.height = "200px";
+  }
+  else {
+    containerRecherche.style.overflow = "auto";
+    containerRecherche.style.height = "auto";
   }  
   localStorage.setItem('previousSearch', searchTerm);
 }

diff --git a/index.html b/index.html
@@ -69,7 +69,7 @@
     <div id="section2" class="section2">
       <p class="titre">Mes projets</p>
       <div class="containerRecherche">
-        <input class="recherche" type="text" placeholder="Rechercher un projet..." autocomplete="off">
+        <input class="recherche" type="text" placeholder="Rechercher un projet..." autocomplete="off" maxlength="14">
         <div class="resultats"></div>
       </div>
       <div class="txtRecherche">