timelapse/timelapse-frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

maj title

Browse Source
This commit is contained in:
arussac
2025-03-31 10:48:36 +02:00
parent b8929931e8
commit be7eca503d
3 changed files with 4 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/style_projet.css
View File

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

2
html/projet_detail.html
View File

@@ -117,7 +117,7 @@
</div> </div>
<div id="title-global"> <div id="title-global">
<h3 id="h3-title" class="name_project"></h3> <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>
<div class="nexter"> <div class="nexter">
<div id="metric_viewer_placeholder" > <div id="metric_viewer_placeholder" >

3
js/projet_detail.js
View File

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