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;
-webkit-transition: all 0.2s ease;
}
#ynhoverlay.yuno-active {
#ynhoverlay.ynh-active {
display: block!important;
}
@ -475,9 +475,9 @@ body {/*overflow-y: scroll;*/}
#ynhoverlay .user-menu { float: none; }
#ynhoverlay .user-menu a { padding: 0 1em; }
#yuno-user { text-align: center; }
#yuno-user > * { display: block!important; }
#yuno-user * { }
#ynh-user { text-align: center; }
#ynh-user > * { display: block!important; }
#ynh-user * { }
#ynhoverlay .user-info { margin-left: 0; }
}
@ -675,7 +675,7 @@ body {/*overflow-y: scroll;*/}
100% {opacity: 1;}
}
.yuno-fadeIn {
.ynh-fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-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);
}
/*
.yuno-fadeIn.yuno-delay {
.ynh-fadeIn.ynh-delay {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
@ -701,7 +701,7 @@ body {/*overflow-y: scroll;*/}
0% {opacity: 1;}
100% {opacity: 0;}
}
.yuno-fadeOut {
.ynh-fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
-webkit-animation-duration: 0.5s;
@ -710,7 +710,7 @@ body {/*overflow-y: scroll;*/}
animation-fill-mode: both;
}
/*
.yuno-fadeOut.yuno-delay {
.ynh-fadeOut.ynh-delay {
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 a { padding: 0 1em; }
#yuno-user { text-align: center; }
#yuno-user > * { display: block!important; }
#yuno-user * { }
#ynh-user { text-align: center; }
#ynh-user > * { display: block!important; }
#ynh-user * { }
#ynhoverlay .user-info { margin-left: 0; }
#ynhportal {
width: 80px;

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

@ -232,7 +232,7 @@ domReady(function(){
response = JSON.parse(r.responseText);
// 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>'+
'<a class="user-container user-container-info disableAjax" href="'+ response.portal_url +'edit.html">' +
'<h2 class="user-username">'+ response.uid +'</h2>' +
@ -248,10 +248,10 @@ domReady(function(){
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>');
});
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
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-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" +
@ -261,8 +261,8 @@ domReady(function(){
// Add overlay to DOM
var btn = document.getElementById('logo'),
yunoverlay = document.getElementById('ynhoverlay'),
user = document.getElementById('yuno-user'),
apps = document.getElementById('yuno-apps');
user = document.getElementById('ynh-user'),
apps = document.getElementById('ynh-apps');
var pfx = ["webkit", "moz", "MS", "o", ""];
function PrefixedEvent(element, type, callback) {
@ -282,18 +282,18 @@ domReady(function(){
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);
yunoverlay.classList.add('yuno-fadeOut');
yunoverlay.classList.add('ynh-fadeOut');
PrefixedEvent(yunoverlay, "AnimationEnd", function(){
if(yunoverlay.classList.contains('yuno-fadeOut')) {
yunoverlay.classList.remove('yuno-active');
if(yunoverlay.classList.contains('ynh-fadeOut')) {
yunoverlay.classList.remove('ynh-active');
}
});
}else {
meta_viewport.setAttribute('content', "width=device-width");
yunoverlay.classList.remove('yuno-fadeOut');
yunoverlay.classList.add('yuno-active');
yunoverlay.classList.remove('ynh-fadeOut');
yunoverlay.classList.add('ynh-active');
}
});