YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

[fix] Consistent custom CSS classes prefix: ynh

Browse source
This commit is contained in:
opi 2015-08-31 17:14:18 +02:00
parent de4f560111
commit c9b267f2d7
2 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
portal/assets/css/ynhpanel.css
View file

@ -217,7 +217,7 @@ body {/*overflow-y: scroll;*/}
-moz-transition: all 0.2s ease; -moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
} }
#ynhoverlay.yuno-active { #ynhoverlay.ynh-active {
display: block!important; display: block!important;
} }
@ -475,9 +475,9 @@ body {/*overflow-y: scroll;*/}
#ynhoverlay .user-menu { float: none; } #ynhoverlay .user-menu { float: none; }
#ynhoverlay .user-menu a { padding: 0 1em; } #ynhoverlay .user-menu a { padding: 0 1em; }
#yuno-user { text-align: center; } #ynh-user { text-align: center; }
#yuno-user > * { display: block!important; } #ynh-user > * { display: block!important; }
#yuno-user * { } #ynh-user * { }
#ynhoverlay .user-info { margin-left: 0; } #ynhoverlay .user-info { margin-left: 0; }
} }
@ -675,7 +675,7 @@ body {/*overflow-y: scroll;*/}
100% {opacity: 1;} 100% {opacity: 1;}
} }
.yuno-fadeIn { .ynh-fadeIn {
-webkit-animation-name: fadeIn; -webkit-animation-name: fadeIn;
animation-name: fadeIn; animation-name: fadeIn;
-webkit-animation-duration: 0.5s; -webkit-animation-duration: 0.5s;
@ -686,7 +686,7 @@ body {/*overflow-y: scroll;*/}
animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
} }
/* /*
.yuno-fadeIn.yuno-delay { .ynh-fadeIn.ynh-delay {
animation-delay: 0.5s; animation-delay: 0.5s;
-webkit-animation-delay: 0.5s; -webkit-animation-delay: 0.5s;
} }
@ -701,7 +701,7 @@ body {/*overflow-y: scroll;*/}
0% {opacity: 1;} 0% {opacity: 1;}
100% {opacity: 0;} 100% {opacity: 0;}
} }
.yuno-fadeOut { .ynh-fadeOut {
-webkit-animation-name: fadeOut; -webkit-animation-name: fadeOut;
animation-name: fadeOut; animation-name: fadeOut;
-webkit-animation-duration: 0.5s; -webkit-animation-duration: 0.5s;
@ -710,7 +710,7 @@ body {/*overflow-y: scroll;*/}
animation-fill-mode: both; animation-fill-mode: both;
} }
/* /*
.yuno-fadeOut.yuno-delay { .ynh-fadeOut.ynh-delay {
animation-delay: 0.5s; animation-delay: 0.5s;
-webkit-animation-delay: 0.5s; -webkit-animation-delay: 0.5s;
} }
@ -726,9 +726,9 @@ body {/*overflow-y: scroll;*/}
#ynhoverlay .user-menu { float: none; } #ynhoverlay .user-menu { float: none; }
#ynhoverlay .user-menu a { padding: 0 1em; } #ynhoverlay .user-menu a { padding: 0 1em; }
#yuno-user { text-align: center; } #ynh-user { text-align: center; }
#yuno-user > * { display: block!important; } #ynh-user > * { display: block!important; }
#yuno-user * { } #ynh-user * { }
#ynhoverlay .user-info { margin-left: 0; } #ynhoverlay .user-info { margin-left: 0; }
#ynhportal { #ynhportal {
width: 80px; width: 80px;

22
portal/assets/js/ynhpanel.js
View file

@ -232,7 +232,7 @@ domReady(function(){
response = JSON.parse(r.responseText); response = JSON.parse(r.responseText);
// Add overlay header // Add overlay header
overlay.innerHTML += '<div id="yuno-user" class="wrapper info">' + overlay.innerHTML += '<div id="ynh-user" class="wrapper info">' +
'<ul class="ul-reset user-menu"><li><a class="icon icon-connexion disableAjax" href="'+ response.portal_url +'?action=logout">'+response.t_logout+'</a></li></ul>'+ '<ul class="ul-reset user-menu"><li><a class="icon icon-connexion disableAjax" href="'+ response.portal_url +'?action=logout">'+response.t_logout+'</a></li></ul>'+
'<a class="user-container user-container-info disableAjax" href="'+ response.portal_url +'edit.html">' + '<a class="user-container user-container-info disableAjax" href="'+ response.portal_url +'edit.html">' +
'<h2 class="user-username">'+ response.uid +'</h2>' + '<h2 class="user-username">'+ response.uid +'</h2>' +
@ -248,10 +248,10 @@ domReady(function(){
randomColorNumber = parseInt(app.name, 36) % colors.length; randomColorNumber = parseInt(app.name, 36) % colors.length;
links.push('<li><a class="'+colors[randomColorNumber]+' disableAjax" href="//'+app.url+'"><span class="first-letter" data-first-letter="'+ app.name.substr(0,2) +'"></span><span class="name">'+app.name+'</span></a></li>'); links.push('<li><a class="'+colors[randomColorNumber]+' disableAjax" href="//'+app.url+'"><span class="first-letter" data-first-letter="'+ app.name.substr(0,2) +'"></span><span class="name">'+app.name+'</span></a></li>');
}); });
overlay.innerHTML += '<div id="yuno-apps" class="wrapper apps"><ul class="listing-apps">'+ links.join("\n") +'</ul></div>'; overlay.innerHTML += '<div id="ynh-apps" class="wrapper apps"><ul class="listing-apps">'+ links.join("\n") +'</ul></div>';
// Add footer links // Add footer links
overlay.innerHTML += '<div id="yuno-footer" class="wrapper footer"><nav>' + "\n" + overlay.innerHTML += '<div id="ynh-footer" class="wrapper footer"><nav>' + "\n" +
'<a class="link-profile-edit" href="/yunohost/sso/edit.html">'+ response.t_footerlink_edit +'</a>' + "\n" + '<a class="link-profile-edit" href="/yunohost/sso/edit.html">'+ response.t_footerlink_edit +'</a>' + "\n" +
'<a class="link-documentation" href="//yunohost.org/docs" target="_blank">'+ response.t_footerlink_documentation +'</a>' + "\n" + '<a class="link-documentation" href="//yunohost.org/docs" target="_blank">'+ response.t_footerlink_documentation +'</a>' + "\n" +
'<a class="link-documentation" href="//yunohost.org/support" target="_blank">'+ response.t_footerlink_support +'</a>' + "\n" + '<a class="link-documentation" href="//yunohost.org/support" target="_blank">'+ response.t_footerlink_support +'</a>' + "\n" +
@ -261,8 +261,8 @@ domReady(function(){
// Add overlay to DOM // Add overlay to DOM
var btn = document.getElementById('logo'), var btn = document.getElementById('logo'),
yunoverlay = document.getElementById('ynhoverlay'), yunoverlay = document.getElementById('ynhoverlay'),
user = document.getElementById('yuno-user'), user = document.getElementById('ynh-user'),
apps = document.getElementById('yuno-apps'); apps = document.getElementById('ynh-apps');
var pfx = ["webkit", "moz", "MS", "o", ""]; var pfx = ["webkit", "moz", "MS", "o", ""];
function PrefixedEvent(element, type, callback) { function PrefixedEvent(element, type, callback) {
@ -282,18 +282,18 @@ domReady(function(){
Element.toggleClass(document.querySelector('html'), 'ynh-panel-active'); Element.toggleClass(document.querySelector('html'), 'ynh-panel-active');
if(yunoverlay.classList.contains('yuno-active')) { if(yunoverlay.classList.contains('ynh-active')) {
meta_viewport.setAttribute('content', meta_viewport_content); meta_viewport.setAttribute('content', meta_viewport_content);
yunoverlay.classList.add('yuno-fadeOut'); yunoverlay.classList.add('ynh-fadeOut');
PrefixedEvent(yunoverlay, "AnimationEnd", function(){ PrefixedEvent(yunoverlay, "AnimationEnd", function(){
if(yunoverlay.classList.contains('yuno-fadeOut')) { if(yunoverlay.classList.contains('ynh-fadeOut')) {
yunoverlay.classList.remove('yuno-active'); yunoverlay.classList.remove('ynh-active');
} }
}); });
}else { }else {
meta_viewport.setAttribute('content', "width=device-width"); meta_viewport.setAttribute('content', "width=device-width");
yunoverlay.classList.remove('yuno-fadeOut'); yunoverlay.classList.remove('ynh-fadeOut');
yunoverlay.classList.add('yuno-active'); yunoverlay.classList.add('ynh-active');
} }
}); });