fix profile ticket-list layout

This commit is contained in:
Felix Niklas 2015-06-03 10:26:51 +02:00
parent 9a18b99d18
commit c6a051af43
5 changed files with 48 additions and 16 deletions

View file

@ -360,7 +360,7 @@
<div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div>
</div>
<!-- endif -->
<div class="profile-ticketLists horizontal">
<div class="profile-ticketLists">
<div class="profile-ticketList">
<label>Offene Tickets (0)</label>
<div class="profile-ticketsPlaceholder vertical centered">

View file

@ -70,7 +70,7 @@
</div>
</div>
<div class="profile-section">
<div class="profile-ticketLists horizontal">
<div class="profile-ticketLists">
<div class="profile-ticketList">
<label>Offene Tickets (23)</label>
<ol class="tasks tasks--standalone">

View file

@ -62,14 +62,44 @@
<div class="tab js-organizationTickets">Tickets von Steuerbüro C. Kaik</div>
</div>
<!-- endif -->
<div class="profile-ticketLists horizontal">
<div class="profile-ticketLists">
<div class="profile-ticketList">
<label>Offene Tickets (0)</label>
<div class="profile-ticketsPlaceholder vertical centered">
<svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg>
Keine offenen Tickets
</div>
<a href="#">Alle Tickets von Doreen Kubiak …</a>
<label>Bearbeitete Tickets (12)</label>
<ol class="tasks tasks--standalone">
<li class="task level-1">
<div class="icon-holder">
<svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
</div>
<div class="flex">
<div class="name">Micro-SIM doesn't work</div>
<div class="time">23 minutes ago</div>
</div>
<li class="task level-1">
<div class="icon-holder">
<svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
</div>
<div class="flex">
<div class="name">Superb Service!</div>
<div class="time">43 minutes ago</div>
</div>
<li class="task level-1">
<div class="icon-holder">
<svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
</div>
<div class="flex">
<div class="name">Print sheets strip off with a lot of text in the headline</div>
<div class="time">1 hour ago</div>
</div>
<li class="task level-1">
<div class="icon-holder">
<svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
</div>
<div class="flex">
<div class="name">Block not properly wrought</div>
<div class="time">2 hour ago</div>
</div>
</ol>
<a href="#">Alle Tickets von Steuerbüro C. Kaik …</a>
</div>
<div class="profile-ticketList">
<label>Bearbeitete Tickets (12)</label>
@ -95,7 +125,7 @@
<svg class="icon-priority"><use xlink:href="#icon-priority" /></svg>
</div>
<div class="flex">
<div class="name">Print sheets strip off</div>
<div class="name">Print sheets strip off with a lot of text in the headline</div>
<div class="time">1 hour ago</div>
</div>
<li class="task level-1">

View file

@ -6,7 +6,7 @@
<% end %>
<div class="js-user <% if !@user && @organization: %>hide<% end %>">
<div class="profile-ticketLists horizontal">
<div class="profile-ticketLists">
<div class="profile-ticketList js-user-open-tickets"></div>
<div class="profile-ticketList js-user-closed-tickets"></div>
</div>

View file

@ -4874,14 +4874,16 @@ label + .wizard-buttonList {
}
}
.profile-ticketLists {
display: flex;
margin: 0 -25px;
}
.profile-ticketList {
display: flex;
flex-direction: column;
flex: 1;
&:not(:last-child) {
margin-right: 50px;
}
flex: 1 1 50%;
padding: 0 25px;
.tasks {
display: flex;