Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

customer chat: add status dropdown arrows

Browse source
This commit is contained in:
Felix Niklas 2016-01-15 14:51:27 +01:00
parent 319002d378
commit 29b41125d2
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/javascripts/app/views/customer_chat/index.jst.eco
View file

@ -6,13 +6,13 @@
<div class="page-header-center"> <div class="page-header-center">
<div class="status-fields"> <div class="status-fields">
<div class="status-field js-acceptChat js-waitingCustomers"> <div class="status-field js-acceptChat js-waitingCustomers">
<span class="badge js-badgeWaitingCustomers"></span> <%- @T('Waiting Customers') %> <span class="badge js-badgeWaitingCustomers"></span> <%- @T('Waiting Customers') %> <div class="info-arrow"><%- @Icon('arrow-down') %></div>
</div> </div>
<div class="status-field js-chattingCustomers"> <div class="status-field js-chattingCustomers">
<span class="badge js-badgeChattingCustomers"></span> <%- @T('Chatting Customers') %> <span class="badge js-badgeChattingCustomers"></span> <%- @T('Chatting Customers') %> <div class="info-arrow"><%- @Icon('arrow-down') %></div>
</div> </div>
<div class="status-field js-activeAgents"> <div class="status-field js-activeAgents">
<span class="badge js-badgeActiveAgents"></span> <%- @T('Active Agents') %> <span class="badge js-badgeActiveAgents"></span> <%- @T('Active Agents') %> <div class="info-arrow"><%- @Icon('arrow-down') %></div>
</div> </div>
</div> </div>
</div> </div>

10
app/assets/stylesheets/zammad.scss
View file

@ -700,12 +700,22 @@ pre code.hljs {
.badge { .badge {
background: hsla(210,50%,10%,.24); background: hsla(210,50%,10%,.24);
} }
.info-arrow {
margin: -8px -10px -6px 0;
padding: 8px 10px 7px 3px;
}
} }
@keyframes pulsate { @keyframes pulsate {
to { filter: brightness(1.2); } to { filter: brightness(1.2); }
} }
.info-arrow {
display: inline-block;
cursor: pointer;
}
.badge { .badge {
display: inline-block; display: inline-block;
min-width: 18px; min-width: 18px;