Modification du formulaire de connection/déconnection (flou au lieu de foncé)
This commit is contained in:
parent
dcf23ef06a
commit
60c8800965
|
@ -52,6 +52,16 @@ body{
|
||||||
font: 16px 'Ubuntu', 'Open Sans', 'Helvetica Neue', 'Arial', 'sans-serif';
|
font: 16px 'Ubuntu', 'Open Sans', 'Helvetica Neue', 'Arial', 'sans-serif';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* @blurred */
|
||||||
|
*.blurred{
|
||||||
|
filter: blur(2px);
|
||||||
|
-moz-filter: blur(2px);
|
||||||
|
-webkit-filter: blur(2px);
|
||||||
|
-ms-filter: blur(2px);
|
||||||
|
-o-filter: blur(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
#DRAGNDROP{
|
#DRAGNDROP{
|
||||||
/* position */
|
/* position */
|
||||||
/*display: block;*/ display: none;
|
/*display: block;*/ display: none;
|
||||||
|
@ -164,26 +174,6 @@ body{
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#AUTH_FILTER{
|
|
||||||
/* position */
|
|
||||||
display: none;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
/* background */
|
|
||||||
background-color: rgba(0, 0, 0,.5);
|
|
||||||
|
|
||||||
/* Z */
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* affichage du filtre si actif */
|
|
||||||
#AUTH_FILTER.active{ display: block; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -216,7 +206,7 @@ body{
|
||||||
}
|
}
|
||||||
|
|
||||||
/* affichage du formulaire si filtre actif */
|
/* affichage du formulaire si filtre actif */
|
||||||
#AUTH_FILTER.active + #AUTH{ top: 10em; }
|
#WRAPPER.blurred ~ #AUTH{ top: 10em; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -206,28 +206,22 @@ var connected = !( DOM.AUTH.children[0].innerHTML == 'Connexion' );
|
||||||
/* [3] GESTION DE L'AUTHENTIFICATION
|
/* [3] GESTION DE L'AUTHENTIFICATION
|
||||||
==============================================================*/
|
==============================================================*/
|
||||||
|
|
||||||
// ouvre l'interface d'authentification quand click
|
// ouvre l'interface d'authentification quand click sur bouton prévu à cet effet
|
||||||
DOM.LOGOUT.addEventListener('click', function(e){ // sur bouton
|
DOM.LOGOUT.addEventListener('mouseup', function(e){ addClass(DOM.WRAPPER, 'blurred'); }, false);
|
||||||
DOM.AUTHFILTER.className = 'active';
|
|
||||||
}, false);
|
|
||||||
|
|
||||||
if( !connected ) // sur zone verte si pas connecté
|
if( !connected ) // sur zone verte si pas connecté
|
||||||
DOM.MENU.children[0].addEventListener('click', function(e){
|
DOM.MENU.children[0].addEventListener('mouseup', function(e){ addClass(DOM.WRAPPER, 'blurred'); }, false);
|
||||||
addClass(DOM.AUTHFILTER, 'active');
|
|
||||||
}, false);
|
|
||||||
else // sinon amène sur le profil
|
else // sinon amène sur le profil
|
||||||
DOM.MENU.children[0].addEventListener('click', function(e){
|
DOM.MENU.children[0].addEventListener('mouseup', function(e){
|
||||||
pageM.vars[0] = 'myprofile';
|
pageM.vars[0] = 'myprofile';
|
||||||
selectSection( document.querySelector('#MENU span[data-link=settings]') );
|
selectSection( document.querySelector('#MENU > span[data-link=settings]') );
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// ferme l'interface d'authentification quand clic autre part que sur zone AUTH
|
||||||
// ferme l'interface d'authentification quand clic sur filtre
|
DOM.WRAPPER.addEventListener('mousedown', function(e){ remClass(DOM.WRAPPER, 'blurred'); }, false);
|
||||||
DOM.AUTHFILTER.addEventListener('click', function(e){
|
|
||||||
remClass(DOM.AUTHFILTER, 'active');
|
|
||||||
}, false);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -334,6 +328,7 @@ initForm( // initialisation du formulaire de connection
|
||||||
|
|
||||||
/* [5] GESTION DES LIENS SPÉCIFIQUES
|
/* [5] GESTION DES LIENS SPÉCIFIQUES
|
||||||
==============================================================*/
|
==============================================================*/
|
||||||
|
if( DOM.NOTIFBTN != null )
|
||||||
DOM.NOTIFBTN.addEventListener('click', function(e){
|
DOM.NOTIFBTN.addEventListener('click', function(e){
|
||||||
pageM.vars[0] = 'notifications';
|
pageM.vars[0] = 'notifications';
|
||||||
selectSection( document.querySelector('#MENU > span[data-link=home]') );
|
selectSection( document.querySelector('#MENU > span[data-link=home]') );
|
||||||
|
|
Loading…
Reference in New Issue