refactor userList

This commit is contained in:
Felix Niklas 2016-03-23 15:15:38 +01:00
parent 77eccea2c9
commit 436dab6a1a
5 changed files with 28 additions and 26 deletions

View file

@ -860,11 +860,11 @@
<hr>
<label>Members</label>
<ul class="userList">
<li>
<span class="avatar unique size-40 user-popover" data-id="2" data-original-title="" style="background-position: -96.5079185759074px -112.28590086669901px;" title="">NB</span> <a class="user-popover" data-id="2" data-original-title="" href="#user/profile/2" title="">Nicole Braun</a>
</li>
</ul>
<div class="userList">
<div class="userList-entry">
<span class="avatar unique size-40 user-popover" data-id="2" data-original-title="" style="background-position: -96.5079185759074px -112.28590086669901px;" title="">NB</span> <a class="userList-entry user-popover" data-id="2" data-original-title="" href="#user/profile/2" title="">Nicole Braun</a>
</div>
</div>
</div>
</div>

View file

@ -602,11 +602,11 @@
</div>
<hr>
<label>Members</label>
<ul class="userList">
<li>
<span class="avatar unique size-40 user-popover" data-id="2" data-original-title="" style="background-position: -96.5079185759074px -112.28590086669901px;" title="">NB</span> <a class="user-popover" data-id="2" data-original-title="" href="#user/profile/2" title="">Nicole Braun</a>
</li>
</ul>
<div class="userList">
<div class="userList-entry">
<span class="avatar unique size-40 user-popover" data-id="2" data-original-title="" style="background-position: -96.5079185759074px -112.28590086669901px;" title="">NB</span> <a class="userList-entry user-popover" data-id="2" data-original-title="" href="#user/profile/2" title="">Nicole Braun</a>
</div>
</div>
</div>
</div>
<div class="tabsSidebar-tabs">

View file

@ -27,11 +27,11 @@
<% if @organization.members: %>
<div class="profile-section profile-memberSection">
<label><%- @T('Members') %></label>
<div class="profile-details horizontal wrap">
<div class="userList">
<% for user in @organization.members: %>
<div class="profile-organizationMember">
<div class="userList-entry">
<%- user.avatar("40") %>
<a href="<%- user.uiUrl() %>" class="user-popover" data-id="<%- user.id %>"><%= user.displayName() %></a>
<a href="<%- user.uiUrl() %>" class="userList-name user-popover" data-id="<%- user.id %>"><%= user.displayName() %></a>
</div>
<% end %>
</div>

View file

@ -23,16 +23,16 @@
<% if @organization.members: %>
<hr>
<user class="sidebar-block">
<div class="sidebar-block">
<label><%- @T('Members') %></label>
<ul class="userList">
<div class="userList">
<% for user in @organization.members: %>
<li>
<div class="userList-entry">
<%- user.avatar("40") %>
<a href="<%- user.uiUrl() %>" class="user-popover" data-id="<%- user.id %>">
<a href="<%- user.uiUrl() %>" class="userList-name user-popover" data-id="<%- user.id %>">
<%= user.displayName() %>
</a>
<% end %>
</ul>
</div>
</div>
<% end %>

View file

@ -5877,17 +5877,19 @@ footer {
list-style: none;
padding: 0;
li {
position: relative;
.userList-entry {
margin: 10px 0;
display: flex;
align-items: center;
&:last-child {
margin-bottom: 0;
}
}
a {
.userList-name {
@extend .u-textTruncate;
position: absolute;
top: 10px;
right: 0px;
left: 48px;
margin-left: 7px;
}
}