maj title

css/style_projet.css

@@ -140,15 +140,12 @@
   }
 }
 
-.container-title #xyzv {
-  left: 25vw;
+#xyzv {
   font-family: 'Cabin Condensed', sans-serif;
-  position: relative;
-  white-space: nowrap;
   font-size: 10vh;
-  max-width: 40vw;
   font-weight: bold;
-  overflow: hidden;
   color: #f6f6f6;
   animation: none;
+  text-align: center;
+  text-transform: uppercase;
 }

html/projet_detail.html

@@ -117,7 +117,7 @@
       </div>
       <div id="title-global">
         <h3 id="h3-title" class="name_project"></h3>
-        <p class="name_project" id="xyzv" style="display: none;"></p>
+        <h3 class="name_project" id="xyzv" style="display: none;"></h3>
       </div>
     <div class="nexter">
       <div id="metric_viewer_placeholder" >

js/projet_detail.js

@@ -457,17 +457,14 @@ $( ".arrow-icon" ).click(function() {
 let titleIsReadable = true;
 
 function change_title_style(){
-  const titlePlaceHolder = document.getElementById('title-global');
   const xyz = document.getElementById('xyzv');
   const h3_title = document.getElementById('h3-title');
   if(titleIsReadable){
     titleIsReadable = false;
-    titlePlaceHolder.classList.add('container-title');
     xyz.style.display = 'block';
     h3_title.style.display = 'none';
   } else {
     titleIsReadable = true;
-    titlePlaceHolder.classList.remove('container-title');
     xyz.style.display = 'none';
     h3_title.style.display = 'block';
   }