Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3988 → Rev 3989

/trunk/widget/modules/photo/squelettes/css/popup.css
25,12 → 25,12
text-shadow: none;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 1rem;
font-size: 2rem;
padding: 1px;
margin: 0;
position: fixed;
top: 2px;
right: 2px;
top: 10px;
right: 10px;
opacity: 1;
}
 
385,6 → 385,26
z-index: 10000;
}
 
#hide-metas-div {
position: absolute;
top: 30px;
left: 35%;
z-index: 5;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: rgba(0,0,0,0.2);
border: 1px solid white;
border-radius: 50%;
}
 
.volet-hidden {
left: 2% !important;
}
 
/*----------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1320px){
.notation-star{
/trunk/widget/modules/photo/squelettes/js/WidgetPhotoPopup.js
42,6 → 42,7
$( window ).on( 'resize', lthis.redimentionnerModaleCarousel.bind( lthis ) );
this.initEvtsFonctionsPhoto();
this.initEvtsRetourGalerieResponsive();
this.initEvtsToggleVolet();
};
 
WidgetPhotoPopup.prototype.mettreAJourPopup = function() {
159,6 → 160,7
if ( window.matchMedia( '(max-width: 991px)' ).matches ) {
$( '#info-img-galerie' ).addClass( 'hidden' );
$( '#volet, #retour-galerie' ).removeClass( 'hidden' );
$( '#hide-metas-div' ).removeClass( 'hidden' );
}
});
};
171,6 → 173,7
if ( window.matchMedia( '(max-width: 991px)' ).matches ) {
$( '#volet' ).addClass( 'hidden' );
$( '.bouton-fct.actif' ).removeClass( 'actif' );
$( '#hide-metas-div' ).addClass( 'hidden' );
}
});
};
1031,3 → 1034,21
// Met à jour l'attribut 'src' de l'image avec la nouvelle URL
$image.attr('src', newSrc);
}
 
WidgetPhotoPopup.prototype.initEvtsToggleVolet = function (){
lthis = this;
 
$('#hide-metas-div').off('click').on('click', function () {
$('#hide-metas-div').toggleClass('volet-hidden')
$('#hide-metas i').toggleClass('fa-angle-double-left')
$('#hide-metas i').toggleClass('fa-angle-double-right')
if ($('#hide-metas-div').hasClass('volet-hidden')){
$('#hide-metas').attr('title', "Afficher le volet d'information")
} else {
$('#hide-metas').attr('title', "Cacher le volet d'information")
}
 
$( '#volet, #retour-galerie' ).toggleClass( 'hidden' );
$( '#boutons-footer, #info-img-galerie' ).toggleClass( 'col-lg-8' );
})
}
/trunk/widget/modules/photo/squelettes/popup.tpl.html
1,4 → 1,7
<div id="bloc-infos-img"></div>
<div id="hide-metas-div" class="col-lg-4 col-12">
<a id="hide-metas" class="btn" data-volet="meta"><i class="fas fa-angle-double-left"></i></a>
</div>
<div id="volet" class="col-lg-4 col-12">
<div id="volets-fct">
<a id="retour-metas" class="btn hidden" data-volet="meta"><i class="fas fa-info-circle"></i>&nbsp;<i class="fas fa-angle-double-left"></i></a>