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

[enh] Refactor user info header.

Browse source
This commit is contained in:
opi 2014-05-14 13:21:38 +02:00
parent dc771ab196
commit 03e1e54152
4 changed files with 59 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
portal/assets/css/ynh-style.css
View file

@ -144,6 +144,8 @@ textarea {
.icon-user:before { content: '\e801'; }
.icon-lock:before { content: '\e800'; }
.icon-connexion:before { content: '\e802'; }
.icon-pencil:before { content: '\e804'; }
.icon-trash:before { content: '\e80c'; }
/* ==========================================================================
@ -239,35 +241,16 @@ textarea {
3 = User
========================================================================== */
.user-container { padding: 0.4em 1em; }
.user-container a { color: #fff; }
.user-container h2 {
font-size: 1.5em;
margin-bottom: 0;
.user-container {
display:block;
padding: 0.4em 1em;
color: #fff;
}
.user-container h2 small {
font-size: 0.75em;
font-family: 'source_sans_proregular';
display: block;
margin-top: -0.6em;
}
.user-info { margin-left: 0.5em;}
.user-mail {
color: #999;
font-size: 0.9em;
.user-container:before {
display: block;
margin-top: -0.2em;
}
.user-img {
margin-right: 1em;
margin: 0.2em auto;
}
.user-img:before {
float: left;
margin-right: 10px;
content: '\e801';
display: block;
font-family: 'ynh_ssowat';
@ -281,10 +264,43 @@ textarea {
color: #dedede;
overflow: hidden;
}
.user-img:hover:before {
.user-container:hover:before {
color: #fff;
}
.user-container .user-username {
font-size: 1.5em;
margin: 0;
}
.user-container .user-fullname {
font-size: 1em;
font-family: 'source_sans_proregular';
display: block;
margin-top: -0.6em;
}
.user-container-info .user-username:after {
content: '\e804';
font-family: 'ynh_ssowat';
color: #b4b4b4;
display: none;
font-size: 0.8em;
width: 1em;
height: 1em;
margin-left: .5em;
}
.user-container-info:hover .user-username:after {display: inline-block;vertical-align: text-top;}
.user-container .user-mail {
color: #999;
font-size: 0.9em;
display: block;
margin-top: -0.2em;
}
.user-menu {
float: right;
}

12
portal/edit.html
View file

@ -3,13 +3,11 @@
<li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li>
</ul>
<div class="user-container col colNomarge">
<a class="user-img" href="info.html"></a>
<div class="user-info">
<h2><a href="info.html">{{{uid}}}<small>{{givenName}} {{sn}}</small></a></h2>
<span class="user-mail">{{mail}}</span>
</div>
</div>
<a class="user-container user-container-edit" href="info.html">
<h2 class="user-username">{{{uid}}}</h2>
<small class="user-fullname">{{givenName}} {{sn}}</small>
<span class="user-mail">{{mail}}</span>
</a>
</div>
<div class="wrapper edit">

13
portal/info.html
View file

@ -3,13 +3,12 @@
<li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li>
</ul>
<div class="user-container col colNomarge">
<a class="user-img" href="edit.html"></a>
<div class="user-info">
<h2><a href="edit.html">{{{uid}}}<small>{{givenName}} {{sn}}</small></a></h2>
<span class="user-mail">{{mail}}</span>
</div>
</div>
<a class="user-container user-container-info" href="edit.html">
<h2 class="user-username">{{{uid}}}</h2>
<small class="user-fullname">{{givenName}} {{sn}}</small>
<span class="user-mail">{{mail}}</span>
</a>
</div>
<div id="apps" class="wrapper apps">

12
portal/password.html
View file

@ -2,13 +2,11 @@
<ul class="ul-reset user-menu">
<li><a class="icon icon-connexion" href="?action=logout">{{t_logout}}</a></li>
</ul>
<div class="user-container col colNomarge">
<a class="user-img" href="info.html"></a>
<div class="user-info">
<h2><a href="info.html">{{{uid}}}<small>{{givenName}} {{sn}}</small></a></h2>
<span class="user-mail">{{mail}}</span>
</div>
</div>
<a class="user-container user-container-password" href="info.html">
<h2 class="user-username">{{{uid}}}</h2>
<small class="user-fullname">{{givenName}} {{sn}}</small>
<span class="user-mail">{{mail}}</span>
</a>
</div>
<div class="wrapper password">