expo: fixed audio player width for 1280 w screen

web/themes/custom/edlptheme/assets/dist/scripts/main.min.js

@@ -86,7 +86,7 @@ if(this.$next){if(this.playing&&this.playlist.length>1&&this.current_index<this.
 if(this.$previous){if(this.playing&&this.playlist.length>1&&this.current_index>0){this.$previous.addClass('is-active');}else{this.$previous.removeClass('is-active');}}
 return this;},deactivate(){this.stop();this.active=false;},onAudioOpenDocument(args){void 0;if(args.caller!==this){this.reset();}},onAudioPlayerPlay(){if(this.playing&&this.paused){this.paused=false;this.showHideControls();}},onAudioPlayerPause(){if(this.playing&&!this.paused){this.paused=true;this.showHideControls();}},onAudioPlayerEnded(){void 0;if(this.playing){this.paused=false;this.next();}},};function initExpo(){void 0;document.title=edlp.site_name;if(window.location.hash=='#black'){$('body').addClass('expo-black');}
 _$body.on('map-node-opened',checkExpoPlayerPositionning);_randomPlayer.start();initKeyboard();}
-function checkExpoPlayerPositionning(e){void 0;switch(true){case e.node.x>window.innerWidth-800&&e.node.y<200:_audioPlayer.$container.attr('pos','bottom-left');break;case e.node.x>window.innerWidth-800:_audioPlayer.$container.attr('pos','top-left');break;case e.node.y<200:_audioPlayer.$container.attr('pos','bottom-right');break;default:_audioPlayer.$container.attr('pos','top-right');}
+function checkExpoPlayerPositionning(e){void 0;switch(true){case e.node.x>window.innerWidth-610&&e.node.y<200:_audioPlayer.$container.attr('pos','bottom-left');break;case e.node.x>window.innerWidth-610:_audioPlayer.$container.attr('pos','top-left');break;case e.node.y<200:_audioPlayer.$container.attr('pos','bottom-right');break;default:_audioPlayer.$container.attr('pos','top-right');}
 _audioPlayer.$container.css({'display':"block",'left':e.node.x+"px",'top':e.node.y+"px",});}
 function initKeyboard(){$(document).bind('keyup','alt+n',function(){_randomPlayer.next();});}
 function initGrid(){void 0;if(!_is_mobile){checkGridBlockHeight();_$row.find('.col').addClass('offfield');}

web/themes/custom/edlptheme/assets/scripts/main.js

@@ -1974,11 +1974,12 @@
     function checkExpoPlayerPositionning(e){
       console.log('checkExpoPlayerPositionning', e.node);
 
+      // optimized for 1280px width screen
       switch(true){
-        case e.node.x > window.innerWidth-800 && e.node.y < 200:
+        case e.node.x > window.innerWidth-610 && e.node.y < 200:
           _audioPlayer.$container.attr('pos', 'bottom-left');
           break;
-        case e.node.x > window.innerWidth-800:
+        case e.node.x > window.innerWidth-610:
           _audioPlayer.$container.attr('pos', 'top-left');
           break;
         case e.node.y < 200:

web/themes/custom/edlptheme/assets/styles/app.scss

@@ -1154,7 +1154,8 @@ main[role="main"]{
   body.domain-expo-encyclopediedelaparole-org &{
     position: absolute;
     box-sizing: content-box;
-    width:550px; height:100px;
+    // optimized for 1280px width screen
+    width:550px; min-width:550px; max-width:550px; height:100px;
     left: 50vw; top:50vh;
     transform: translate(-50%, -50%);
     background-color: rgba(255,255,255, 0.8);