[fix] .wrapper is a too much generic class.

This commit is contained in:
opi 2015-08-31 17:20:36 +02:00
parent 5e41010458
commit f9a9472179
8 changed files with 18 additions and 18 deletions

View file

@ -116,15 +116,15 @@ img {
padding: 2%; padding: 2%;
} }
.wrapper { .ynh-wrapper {
width: 90%; width: 90%;
margin: 2% 5%; margin: 2% 5%;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.wrapper:before, .ynh-wrapper:before,
.wrapper:after {content: " ";display: table;} .ynh-wrapper:after {content: " ";display: table;}
.wrapper:after {clear: both;} .ynh-wrapper:after {clear: both;}

View file

@ -137,7 +137,7 @@ body {/*overflow-y: scroll;*/}
#ynhoverlay a { text-decoration: none; } #ynhoverlay a { text-decoration: none; }
#ynhoverlay .wrapper { #ynhoverlay .ynh-wrapper {
width: 90%; width: 90%;
margin: 2% 5%; margin: 2% 5%;
transition: all 0.2s ease; transition: all 0.2s ease;
@ -145,9 +145,9 @@ body {/*overflow-y: scroll;*/}
-webkit-transition: all 0.2s ease; -webkit-transition: all 0.2s ease;
z-index: 10; z-index: 10;
} }
#ynhoverlay .wrapper:before, #ynhoverlay .ynh-wrapper:before,
#ynhoverlay .wrapper:after {content: " ";display: table;} #ynhoverlay .ynh-wrapper:after {content: " ";display: table;}
#ynhoverlay .wrapper:after {clear: both;} #ynhoverlay .ynh-wrapper:after {clear: both;}
/* ****************************************************************** /* ******************************************************************
Button Button

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="ynh-user" class="wrapper info">' + overlay.innerHTML += '<div id="ynh-user" class="ynh-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="ynh-apps" class="wrapper apps"><ul class="listing-apps">'+ links.join("\n") +'</ul></div>'; overlay.innerHTML += '<div id="ynh-apps" class="ynh-wrapper apps"><ul class="listing-apps">'+ links.join("\n") +'</ul></div>';
// Add footer links // Add footer links
overlay.innerHTML += '<div id="ynh-footer" class="wrapper footer"><nav>' + "\n" + overlay.innerHTML += '<div id="ynh-footer" class="ynh-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" +

View file

@ -1,4 +1,4 @@
<div class="wrapper user"> <div class="ynh-wrapper user">
<ul class="user-menu"> <ul class="user-menu">
<li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li> <li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li>
</ul> </ul>
@ -10,7 +10,7 @@
</a> </a>
</div> </div>
<div class="wrapper edit"> <div class="ynh-wrapper edit">
<form class="form-edit" role="form" method="POST" action="edit.html"> <form class="form-edit" role="form" method="POST" action="edit.html">
<div class="form-section"> <div class="form-section">

View file

@ -1,5 +1,5 @@
{{#connected}} {{#connected}}
<div class="wrapper footer"><nav> <div class="ynh-wrapper footer"><nav>
<a class="link-profile-edit" href="/yunohost/sso/edit.html">{{t_footerlink_edit}}</a> <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/docs" target="_blank">{{t_footerlink_documentation}}</a>
<a class="link-documentation" href="//yunohost.org/support" target="_blank">{{t_footerlink_support}}</a> <a class="link-documentation" href="//yunohost.org/support" target="_blank">{{t_footerlink_support}}</a>

View file

@ -1,4 +1,4 @@
<div class="wrapper user"> <div class="ynh-wrapper user">
<ul class="user-menu"> <ul class="user-menu">
<li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li> <li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li>
</ul> </ul>

View file

@ -1,4 +1,4 @@
<div class="wrapper login"> <div class="ynh-wrapper login">
<form class="login-form" name="input" action="" method="post"> <form class="login-form" name="input" action="" method="post">
<div class="form-group"> <div class="form-group">
<label class="icon icon-user" for="user"><span class="element-invisible">{{t_username}}</span></label> <label class="icon icon-user" for="user"><span class="element-invisible">{{t_username}}</span></label>

View file

@ -1,4 +1,4 @@
<div class="wrapper user"> <div class="ynh-wrapper user">
<ul class="user-menu"> <ul class="user-menu">
<li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li> <li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li>
</ul> </ul>
@ -9,7 +9,7 @@
</a> </a>
</div> </div>
<div class="wrapper password"> <div class="ynh-wrapper password">
<form class="form-password" role="form" method="POST" action="password.html"> <form class="form-password" role="form" method="POST" action="password.html">
<div class="form-section"> <div class="form-section">