mirror of
https://github.com/YunoHost/SSOwat.git
synced 2024-09-03 20:06:27 +02:00
[enh] Add footer links on panel.
This commit is contained in:
opi
parent
ad63afbfad
commit
49f16986a4
7 changed files with 127 additions and 15 deletions
|
|
@ -4,7 +4,8 @@
|
|||
2 = Apps
|
||||
3 = User
|
||||
4 = Form
|
||||
5 = Colors
|
||||
5 = Footer
|
||||
6 = Colors
|
||||
========================================================================== */
|
||||
|
||||
/* ==========================================================================
|
||||
|
|
@ -574,8 +575,53 @@ input:disabled {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
5 = Colors
|
||||
5 = Footer
|
||||
========================================================================== */
|
||||
|
||||
.footer {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
.footer nav {
|
||||
margin: 0 1em;
|
||||
padding: 0.25em;
|
||||
border-top: 1px solid #666;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
color: #999;
|
||||
}
|
||||
.footer a:before {
|
||||
content: "•";
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 0 0.5em 0 0.25em;
|
||||
color: #666;
|
||||
}
|
||||
.footer a:first-child:before {content: none;}
|
||||
|
||||
.footer a:hover,
|
||||
.footer a:active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.footer a {
|
||||
display: block;
|
||||
}
|
||||
.footer a:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
6 = Colors
|
||||
========================================================================== */
|
||||
|
||||
.listing-apps .purplebg {
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
1 = Font Face Base 64
|
||||
2 = Apps
|
||||
3 = User
|
||||
4 = Color
|
||||
5 = Animation
|
||||
6 = Media queries Mobile
|
||||
7 = Media queries Tablet
|
||||
4 = Footer
|
||||
5 = Color
|
||||
6 = Animation
|
||||
7 = Media queries
|
||||
========================================================================== */
|
||||
|
||||
html.ynh-panel-active {
|
||||
|
|
@ -491,7 +491,50 @@ body {/*overflow-y: scroll;*/}
|
|||
|
||||
|
||||
/* ==========================================================================
|
||||
4 = Color
|
||||
4 = Footer
|
||||
========================================================================== */
|
||||
|
||||
#ynhoverlay .footer {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
}
|
||||
#ynhoverlay .footer nav {
|
||||
margin: 0 1em;
|
||||
padding: 0.25em;
|
||||
border-top: 1px solid #666;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
#ynhoverlay .footer a {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
color: #999;
|
||||
}
|
||||
#ynhoverlay .footer a:before {
|
||||
content: "•";
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 0 0.5em 0 0.25em;
|
||||
color: #666;
|
||||
}
|
||||
#ynhoverlay .footer a:first-child:before {content: none;}
|
||||
|
||||
#ynhoverlay .footer a:hover,
|
||||
#ynhoverlay .footer a:active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
#ynhoverlay .footer a {
|
||||
display: block;
|
||||
}
|
||||
#ynhoverlay .footer a:before {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
5 = Color
|
||||
========================================================================== */
|
||||
|
||||
#ynhoverlay .listing-apps {
|
||||
|
|
@ -627,7 +670,7 @@ body {/*overflow-y: scroll;*/}
|
|||
}
|
||||
|
||||
/* ==========================================================================
|
||||
5 = Animation
|
||||
6 = Animation
|
||||
========================================================================== */
|
||||
|
||||
/*SlidetoLeft*/
|
||||
|
|
@ -852,7 +895,7 @@ body {/*overflow-y: scroll;*/}
|
|||
}
|
||||
|
||||
/* ==========================================================================
|
||||
6 = Media Queries Mobile
|
||||
7 = Media Queries
|
||||
========================================================================== */
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
|
|
|
|||
|
|
@ -183,7 +183,15 @@ domReady(function(){
|
|||
Array.prototype.forEach.call(response.app, function(app, n){
|
||||
links.push('<li><a class="'+colors[n%colors.length]+' disableAjax" href="//'+app.url+'"><span class="first-letter" data-first-letter="'+ app.name.substr(0,2) +'"></span><span class="sourcePro">'+app.name+'</span></a></li>');
|
||||
});
|
||||
overlay.innerHTML += '<div id="yuno-apps" class="wrapper apps"><ul class="ul-reset listing-apps col colNomarge sourceProBold">'+ links.join('') +'</ul></div>';
|
||||
overlay.innerHTML += '<div id="yuno-apps" class="wrapper apps"><ul class="ul-reset listing-apps col colNomarge sourceProBold">'+ links.join("\n") +'</ul></div>';
|
||||
|
||||
// Add footer links
|
||||
overlay.innerHTML += '<div id="yuno-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" +
|
||||
'<a class="link-admin" href="/yunohost/admin">'+ response.t_footerlink_administration +'</a>' + "\n" +
|
||||
'</nav></div>';
|
||||
|
||||
// Add overlay to DOM
|
||||
var btn = document.getElementById('logo'),
|
||||
|
|
|
|||
|
|
@ -1,3 +1,12 @@
|
|||
{{#connected}}
|
||||
<div class="wrapper footer"><nav>
|
||||
<a class="link-profile-edit" href="/yunohost/sso/edit.html">{{t_footerlink_edit}}</a>
|
||||
<a class="link-documentation" href="//yunohost.org/docs" target="_blank">{{t_footerlink_documentation}}</a>
|
||||
<a class="link-documentation" href="//yunohost.org/support" target="_blank">{{t_footerlink_support}}</a>
|
||||
<a class="link-admin" href="/yunohost/admin">{{t_footerlink_administration}}</a>
|
||||
</nav></div>
|
||||
{{/connected}}
|
||||
|
||||
</div>
|
||||
<script src="assets/js/global.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -14,9 +14,7 @@
|
|||
<div id="apps" class="wrapper apps">
|
||||
<ul class="ul-reset listing-apps col colNomarge sourceProBold">
|
||||
{{#app}}
|
||||
<li>
|
||||
<a href="https://{{url}}"><span class="first-letter"></span><span class="sourcePro">{{name}}</span></a>
|
||||
</li>
|
||||
<li><a href="https://{{url}}"><span class="first-letter"></span><span class="sourcePro">{{name}}</span></a></li>
|
||||
{{/app}}
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -33,5 +33,9 @@
|
|||
"wrong_username_password": "Wrong username or password",
|
||||
"logged_out": "Logged out",
|
||||
"please_login": "Please log in to access to this content",
|
||||
"please_login_from_portal": "Please log in from the portal"
|
||||
"please_login_from_portal": "Please log in from the portal",
|
||||
"footerlink_edit": "Edit my profile",
|
||||
"footerlink_documentation": "Documentation",
|
||||
"footerlink_support": "Support",
|
||||
"footerlink_administration": "Administration"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -33,5 +33,9 @@
|
|||
"wrong_username_password": "Nom d'utilisateur ou mot de passe incorrect",
|
||||
"logged_out": "Déconnecté",
|
||||
"please_login": "Veuillez vous identifier pour accéder à cette page",
|
||||
"please_login_from_portal": "Veuillez vous identifiez depuis le portail"
|
||||
"please_login_from_portal": "Veuillez vous identifiez depuis le portail",
|
||||
"footerlink_edit": "Éditer mon profil",
|
||||
"footerlink_documentation": "Documentation",
|
||||
"footerlink_support": "Support",
|
||||
"footerlink_administration": "Administration"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue