refactor userList
This commit is contained in:
parent
77eccea2c9
commit
436dab6a1a
5 changed files with 28 additions and 26 deletions
|
@ -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>
|
||||
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 %>
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue