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

update more icons, also ticket zoom edit controls

Browse source
This commit is contained in:
Felix Niklas 2015-05-21 16:45:41 +02:00
parent b4f2d7f861
commit 180d3c31c4
88 changed files with 722 additions and 443 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
app/assets/javascripts/app/controllers/ticket_zoom.js.coffee
View file

@ -954,7 +954,7 @@ class ArticleNew extends App.Controller
'.attachmentUpload-progressBar': 'progressBar' '.attachmentUpload-progressBar': 'progressBar'
'.js-percentage': 'progressText' '.js-percentage': 'progressText'
'.js-cancel': 'cancelContainer' '.js-cancel': 'cancelContainer'
'.textBubble': 'textBubble' '.textBubble': 'textBubble'
'.editControls-item': 'editControlItem' '.editControls-item': 'editControlItem'
#'.editControls': 'editControls' #'.editControls': 'editControls'
#'.recipient-picker': 'recipientPicker' #'.recipient-picker': 'recipientPicker'
@ -962,15 +962,15 @@ class ArticleNew extends App.Controller
#'.recipient-list .list-arrow': 'recipientListArrow' #'.recipient-list .list-arrow': 'recipientListArrow'
events: events:
'click .visibility-toggle': 'toggleVisibility' 'click .js-toggleVisibility': 'toggleVisibility'
'click .pop-selectable': 'selectArticleType' 'click .js-articleTypeItem': 'selectArticleType'
'click .pop-selected': 'showSelectableArticleType' 'click .js-selectedArticleType': 'showSelectableArticleType'
'click .recipient-picker': 'toggle_recipients' 'click .recipient-picker': 'toggle_recipients'
'click .recipient-list': 'stopPropagation' 'click .recipient-list': 'stopPropagation'
'click .list-entry-type div': 'change_type' 'click .list-entry-type div': 'change_type'
'submit .recipient-list form': 'add_recipient' 'submit .recipient-list form': 'add_recipient'
'focus .js-textarea': 'openTextarea' 'focus .js-textarea': 'openTextarea'
'input .js-textarea': 'detectEmptyTextarea' 'input .js-textarea': 'detectEmptyTextarea'
#'dragenter': 'onDragenter' #'dragenter': 'onDragenter'
#'dragleave': 'onDragleave' #'dragleave': 'onDragleave'
#'drop': 'onFileDrop' #'drop': 'onFileDrop'
@ -1231,18 +1231,22 @@ class ArticleNew extends App.Controller
# store recipient # store recipient
toggleVisibility: -> toggleVisibility: ->
item = @$('.article-add') if @articleNewEdit.hasClass 'is-public'
if item.hasClass('is-public') @articleNewEdit
item.removeClass('is-public') .removeClass 'is-public'
item.addClass('is-internal') .addClass 'is-internal'
@$('[name="internal"]').val('true')
@$('[name="internal"]').val 'true'
else else
item.addClass('is-public') @articleNewEdit
item.removeClass('is-internal') .addClass 'is-public'
@$('[name="internal"]').val('') .removeClass 'is-internal'
@$('[name="internal"]').val ''
showSelectableArticleType: => showSelectableArticleType: =>
@el.find('.pop-selector').removeClass('hide') @el.find('.js-articleTypes').removeClass('is-hidden')
@selectTypeCatcher = new App.clickCatcher @selectTypeCatcher = new App.clickCatcher
holder: @el.offsetParent() holder: @el.offsetParent()
@ -1258,15 +1262,14 @@ class ArticleNew extends App.Controller
@selectTypeCatcher = null @selectTypeCatcher = null
hideSelectableArticleType: => hideSelectableArticleType: =>
@el.find('.pop-selector').addClass('hide') @el.find('.js-articleTypes').addClass('is-hidden')
setArticleType: (type) -> setArticleType: (type) ->
typeIcon = @el.find('.pop-selected .icon') typeIcon = @$('.js-selectedType')
if @type
typeIcon.removeClass @type
@type = type @type = type
@$('[name="type"]').val(type) @$('[name="type"]').val(type)
typeIcon.addClass @type @articleNewEdit.attr('data-type', type)
typeIcon.find('use').attr 'xlink:href', '#icon-'+ @type
# show/hide attributes # show/hide attributes
for articleType in @articleTypes for articleType in @articleTypes
@ -1301,7 +1304,6 @@ class ArticleNew extends App.Controller
@removeTextareaCatcher() @removeTextareaCatcher()
openTextarea: (event, withoutAnimation) => openTextarea: (event, withoutAnimation) =>
console.log('articleNewEdit', @articleNewEdit.hasClass('is-open'))
if !@articleNewEdit.hasClass('is-open') if !@articleNewEdit.hasClass('is-open')
duration = 300 duration = 300
@ -1333,10 +1335,17 @@ class ArticleNew extends App.Controller
easing: 'easeOutQuad' easing: 'easeOutQuad'
queue: false queue: false
@editControlItem.velocity "transition.slideRightIn", @editControlItem
duration: 300 .removeClass('is-hidden')
stagger: 50 .velocity
drag: true properties:
opacity: [ 1, 0 ]
translateX: [ 0, 20 ]
translateZ: 0
options:
duration: 300
stagger: 50
drag: true
# move attachment text to the left bottom (bottom happens automatically) # move attachment text to the left bottom (bottom happens automatically)
@attachmentPlaceholder.velocity @attachmentPlaceholder.velocity
@ -1396,7 +1405,17 @@ class ArticleNew extends App.Controller
options: options:
duration: 300 duration: 300
@editControlItem.css('display', 'none') @editControlItem
.velocity
properties:
opacity: [ 0, 1 ]
translateX: [ 20, 0 ]
translateZ: 0
options:
duration: 100
stagger: 50
drag: true
complete: (elements) => $(elements).addClass('is-hidden')
onDragenter: (event) => onDragenter: (event) =>
# on the first event, # on the first event,
@ -1691,6 +1710,7 @@ class ArticleActions extends App.Controller
{ {
name: 'set to public' name: 'set to public'
type: 'public' type: 'public'
icon: 'lock-open'
} }
] ]
else else
@ -1698,6 +1718,7 @@ class ArticleActions extends App.Controller
{ {
name: 'set to internal' name: 'set to internal'
type: 'internal' type: 'internal'
icon: 'lock'
} }
] ]
#if @article.type.name is 'note' #if @article.type.name is 'note'
@ -1706,6 +1727,7 @@ class ArticleActions extends App.Controller
actions.push { actions.push {
name: 'reply' name: 'reply'
type: 'reply' type: 'reply'
icon: 'reply'
href: '#' href: '#'
} }
recipients = [] recipients = []
@ -1727,11 +1749,13 @@ class ArticleActions extends App.Controller
actions.push { actions.push {
name: 'reply all' name: 'reply all'
type: 'replyAll' type: 'replyAll'
icon: 'reply-all'
href: '#' href: '#'
} }
actions.push { actions.push {
name: 'split' name: 'split'
type: 'split' type: 'split'
icon: 'split'
href: '#ticket/create/' + article.ticket_id + '/' + article.id href: '#ticket/create/' + article.ticket_id + '/' + article.id
} }
actions actions

2
app/assets/javascripts/app/views/agent_ticket_create.jst.eco
View file

@ -19,7 +19,7 @@
</li> </li>
<li class="tab u-textTruncate" data-type="email-out"> <li class="tab u-textTruncate" data-type="email-out">
<svg class="tab-icon"><use xlink:href="#icon-mail" /></svg> <svg class="tab-icon"><use xlink:href="#icon-email" /></svg>
<%- @T('Send Email') %> <%- @T('Send Email') %>
</li> </li>
</ul> </ul>

4
app/assets/javascripts/app/views/dashboard.jst.eco
View file

@ -24,7 +24,7 @@
<div class="mood stat-widget vertical"> <div class="mood stat-widget vertical">
<h3>Mood</h3> <h3>Mood</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-super-happy" /></svg> <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg>
</div> </div>
<div class="stat-label">3% of my tickets escalated.</div> <div class="stat-label">3% of my tickets escalated.</div>
<div class="stat-detail">Average: 17%</div> <div class="stat-detail">Average: 17%</div>
@ -35,7 +35,7 @@
<h3>Channel Distribution</h3> <h3>Channel Distribution</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="stats-row email-channel"> <div class="stats-row email-channel">
<svg class="stat-channel-icon"><use xlink:href="#icon-mail" /></svg> <svg class="stat-channel-icon"><use xlink:href="#icon-email" /></svg>
<div class="stat-bars"> <div class="stat-bars">
<div class="stat-bar primary" style="height: 80%"></div> <div class="stat-bar primary" style="height: 80%"></div>
<div class="stat-bar secondary" style="height: 100%"></div> <div class="stat-bar secondary" style="height: 100%"></div>

16
app/assets/javascripts/app/views/dashboard/ticket.jst.eco
View file

@ -11,23 +11,23 @@
<ul class="pagination"> <ul class="pagination">
<li> <li>
<% if @items_from != 1: %> <% if @items_from != 1: %>
<a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page"> <a class="btn btn--action" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
<span class="left arrow icon"></span> <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
</a> </a>
<% else: %> <% else: %>
<a class="disabled centered" href="#" data-from="" data-type="page"> <a class="btn btn--action is-disabled" href="#" data-from="" data-type="page">
<span class="disabled left arrow icon"></span> <svg class="icon arrow arrow--left arrow--disabled"><use xlink:href="#icon-arrow-left" /></svg>
</a> </a>
<% end %> <% end %>
</li> </li>
<li> <li>
<% if @items_till != @items_total: %> <% if @items_till != @items_total: %>
<a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page"> <a class="btn btn--action" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
<span class="right arrow icon"></span> <svg class="icon arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
</a> </a>
<% else: %> <% else: %>
<a class="disabled centered" href="#" data-from="" data-type="page"> <a class="btn btn--action is-disabled" href="#" data-from="" data-type="page">
<span class="disabled right arrow icon"></span> <svg class="icon arrow arrow--right arrow--disabled"><use xlink:href="#icon-arrow-right" /></svg>
</a> </a>
</li> </li>
<% end %> <% end %>

4
app/assets/javascripts/app/views/generic/actions.jst.eco
View file

@ -1,10 +1,10 @@
<div class="dropdown dropdown--actions"> <div class="dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="userAction" data-toggle="dropdown"> <div class="dropdown-toggle horizontal center" id="userAction" data-toggle="dropdown">
<% if @type isnt 'small': %> <% if @type isnt 'small': %>
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg> <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
<label><%- @T('Action') %></label> <label><%- @T('Action') %></label>
<% end %> <% end %>
<span class="select-arrow icon"></span> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="userAction"> <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="userAction">
<% for item in @items: %> <% for item in @items: %>

2
app/assets/javascripts/app/views/generic/select.jst.eco
View file

@ -6,5 +6,5 @@
<% end %> <% end %>
<% end %> <% end %>
</select> </select>
<div class="select-arrow icon"></div> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>

2
app/assets/javascripts/app/views/generic/sidebar_tabs.jst.eco
View file

@ -4,7 +4,7 @@
<h2 class="u-textTruncate"><%- @T( item.head ) %></h2> <h2 class="u-textTruncate"><%- @T( item.head ) %></h2>
<div class="js-actions flex"></div> <div class="js-actions flex"></div>
<div class="tabsSidebar-close"> <div class="tabsSidebar-close">
<svg class="icon"><use xlink:href="#icon-arrow-right" /></svg> <svg class="icon"><use xlink:href="#icon-long-arrow-right" /></svg>
</div> </div>
</div> </div>
<hr> <hr>

2
app/assets/javascripts/app/views/generic/user_search/input.jst.eco
View file

@ -1,7 +1,7 @@
<div class="u-positionOrigin"> <div class="u-positionOrigin">
<input type="hidden" name="<%- @attribute.name %>" value="<%= @attribute.value %>"> <input type="hidden" name="<%- @attribute.name %>" value="<%= @attribute.value %>">
<input name="<%- @attribute.name %>_completion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="<%- @attribute.placeholder %>" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> <input name="<%- @attribute.name %>_completion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="<%- @attribute.placeholder %>" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<span class="select-arrow icon"></span> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>
<div class="dropdown-menu" aria-labelledby="customer_id"> <div class="dropdown-menu" aria-labelledby="customer_id">

10
app/assets/javascripts/app/views/generic/user_search/item_organization.jst.eco
View file

@ -1,10 +1,10 @@
<li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="<%- @organization.id %>"> <li class="recipientList-entry js-organization" data-organization-id="<%- @organization.id %>">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white organization icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
<%= @organization.displayName() %> <%= @organization.displayName() %>
<span class="recipientList-detail">- <%= @organization.member_ids.length %> <%- @T('People') %></span> <span class="recipientList-detail">- <%= @organization.member_ids.length %> <%- @T('People') %></span>
</div> </div>
<div class="white right arrow icon"></div> <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
</li> </li>

11
app/assets/javascripts/app/views/generic/user_search/item_organization_members.jst.eco
View file

@ -1,10 +1,7 @@
<ul class="recipientList-organizationMembers hide" id="<%- @organization.id %>"> <ul class="recipientList-organizationMembers hide" id="<%- @organization.id %>">
<li class="recipientList-controls u-clickable js-back"> <li class="recipientList-controls js-back">
<div class="recipientList-backClickArea centered"> <div class="btn btn--action btn--onDark">
<div class="recipientList-backButton"> <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
<div class="white arrow left icon"></div> <span class="btn-label"><%- @T('Back') %></span>
<%- @T('Back') %>
</div>
</div> </div>
</li>
</ul> </ul>

8
app/assets/javascripts/app/views/generic/user_search/item_user.jst.eco
View file

@ -1,8 +1,8 @@
<li class="recipientList-entry u-clickable horizontal center js-user" data-user-id="<%= @user.id %>""> <li class="recipientList-entry js-user" data-user-id="<%= @user.id %>">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
<%= @user.displayName() %> <%= @user.displayName() %>
<% if @user.organization: %> <% if @user.organization: %>
<span class="recipientList-detail">- <%= @user.organization.displayName() %></span> <span class="recipientList-detail">- <%= @user.organization.displayName() %></span>

8
app/assets/javascripts/app/views/generic/user_search/new_user.jst.eco
View file

@ -1,8 +1,8 @@
<li class="recipientList-entry recipientList-new u-clickable horizontal center js-user-new" data-user-id="new"> <li class="recipientList-entry recipientList--new js-user-new" data-user-id="new">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white plus icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-plus" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
<%- @T('Create new Customer') %> <%- @T('Create new Customer') %>
</div> </div>
</li> </li>

8
app/assets/javascripts/app/views/layout_ref/communication_overview.jst.eco
View file

@ -21,12 +21,12 @@
</div> </div>
<ul class="pagination"> <ul class="pagination">
<li> <li>
<a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page"> <a class="btn btn--action btn--split--first" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
<span class="left arrow icon"></span> <svg class="arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
</a> </a>
<li> <li>
<a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page"> <a class="btn btn--action btn--split--last" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
<span class="right arrow icon"></span> <svg class="arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
</a> </a>
</ul> </ul>
</div> </div>

167
app/assets/javascripts/app/views/layout_ref/content.jst.eco
View file

@ -81,170 +81,171 @@
<div class="dropdown-toggle u-positionOrigin" data-toggle="dropdown"> <div class="dropdown-toggle u-positionOrigin" data-toggle="dropdown">
<input id="customer_id_autocompletion2" name="customer_id_autocompletion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="Enter Person or Organization/Company" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"> <input id="customer_id_autocompletion2" name="customer_id_autocompletion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="Enter Person or Organization/Company" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<span class="select-arrow icon"></span> <svg class="arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
</div> </div>
<div class="dropdown-menu" aria-labelledby="customer_id"> <div class="dropdown-menu" aria-labelledby="customer_id">
<ul class="recipientList" role="menu"> <ul class="recipientList" role="menu">
<li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="AlbrechtBertschlerGmbG"> <li class="recipientList-entry js-organization" data-organization-id="AlbrechtBertschlerGmbG">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white organization icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-team" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
Albrecht &amp; Bertschler GmbH Albrecht &amp; Bertschler GmbH
<span class="recipientList-detail">- 4 Personen</span> <span class="recipientList-detail">- 4 Personen</span>
</div> </div>
<div class="white right arrow icon"></div> <li class="recipientList-entry u-clickable horizontal center js-organization" data-organization-id="BENCHMARKhumanresources"> <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
<div class="recipientList-iconSpacer centered"> <li class="recipientList-entry js-organization" data-organization-id="BENCHMARKhumanresources">
<div class="white organization icon"></div> <div class="recipientList-iconSpacer">
<svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
BENCHMARK human resources BENCHMARK human resources
<span class="recipientList-detail">- 2 Personen</span> <span class="recipientList-detail">- 2 Personen</span>
</div> </div>
<div class="white right arrow icon"></div> <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
Belinda Matt Belinda Matt
<span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span> <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
Benjamin Wahlers Benjamin Wahlers
<span class="recipientList-detail">- Wahlers Würste GmbH</span> <span class="recipientList-detail">- Wahlers Würste GmbH</span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat "> <div class="recipientList-name">
Benjamin Weiß Benjamin Weiß
<span class="recipientList-detail">- Zeughaus Werbeagentur GmbH</span> <span class="recipientList-detail">- Zeughaus Werbeagentur GmbH</span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white organization icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
Benteler SGL Composite Technology GmbH Benteler SGL Composite Technology GmbH
<span class="recipientList-detail"></span> <span class="recipientList-detail"></span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center js-organization"> <li class="recipientList-entry js-organization">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white team icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-team" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
Support Team Berlin Support Team Berlin
<span class="recipientList-detail">- 5 Personen</span> <span class="recipientList-detail">- 5 Personen</span>
</div> </div>
<div class="white right arrow icon"></div> <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
<li class="recipientList-entry u-clickable horizontal center js-organization"> <li class="recipientList-entry js-organization">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white organization icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
Bernecker + Rainer Industrie-Elektronik Ges.m.b.H. Bernecker + Rainer Industrie-Elektronik Ges.m.b.H.
<span class="recipientList-detail">- 3 Personen</span> <span class="recipientList-detail">- 3 Personen</span>
</div> </div>
<div class="white right arrow icon"></div> <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
<li class="recipientList-entry u-clickable horizontal center js-organization"> <li class="recipientList-entry js-organization">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white organization icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-organization" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
Bertsch Ecopower GmbH Bertsch Ecopower GmbH
<span class="recipientList-detail">- 1 Person</span> <span class="recipientList-detail">- 1 Person</span>
</div> </div>
<div class="white right arrow icon"></div> <svg class="recipientList-arrow"><use xlink:href="#icon-arrow-right" /></svg>
<li class="recipientList-entry recipientList-new u-clickable horizontal center"> <li class="recipientList-entry recipientList--new u-clickable horizontal center">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white plus icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-plus" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat"> <div class="recipientList-name">
<%- @T('Create new Customer') %> <%- @T('Create new Customer') %>
</div> </div>
</ul> <ul class="recipientList-organizationMembers hide" id="AlbrechtBertschlerGmbG"> </ul>
<li class="recipientList-controls u-clickable js-back">
<div class="recipientList-backClickArea centered"> <ul class="recipientList-organizationMembers hide" id="AlbrechtBertschlerGmbG">
<div class="recipientList-backButton"> <li class="recipientList-controls js-back">
<div class="white arrow left icon"></div> <div class="btn btn--action btn--onDark">
<%- @T('Back') %> <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
</div> <span class="btn-label"><%- @T('Back') %></span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat "> <div class="recipientList-name">
Andreas Kramer Andreas Kramer
<span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span> <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat "> <div class="recipientList-name">
Belinda Matt Belinda Matt
<span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span> <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat "> <div class="recipientList-name">
Damian Sprengler Damian Sprengler
<span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span> <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat "> <div class="recipientList-name">
Katharina Nussman Katharina Nussman
<span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span> <span class="recipientList-detail">- Albrecht &amp; Bertschler GmbG</span>
</div> </div>
</ul> <ul class="recipientList-organizationMembers hide" id="BENCHMARKhumanresources"> </ul>
<li class="recipientList-controls u-clickable js-back">
<div class="recipientList-backClickArea centered"> <ul class="recipientList-organizationMembers hide" id="BENCHMARKhumanresources">
<div class="recipientList-backButton"> <li class="recipientList-controls js-back">
<div class="white arrow left icon"></div> <div class="btn btn--action btn--onDark">
<%- @T('Back') %> <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
</div> <span class="btn-label"><%- @T('Back') %></span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat "> <div class="recipientList-name">
Hubert Lang Hubert Lang
<span class="recipientList-detail">- BENCHMARK human resources</span> <span class="recipientList-detail">- BENCHMARK human resources</span>
</div> </div>
<li class="recipientList-entry u-clickable horizontal center"> <li class="recipientList-entry">
<div class="recipientList-iconSpacer centered"> <div class="recipientList-iconSpacer">
<div class="white user icon"></div> <svg class="recipientList-icon"><use xlink:href="#icon-user" /></svg>
</div> </div>
<div class="recipientList-name flex u-textTruncat "> <div class="recipientList-name">
Mario Steibel Mario Steibel
<span class="recipientList-detail">- BENCHMARK human resources</span> <span class="recipientList-detail">- BENCHMARK human resources</span>
</div> </div>

3
app/assets/javascripts/app/views/layout_ref/error.jst.eco
View file

@ -1,3 +1,4 @@
<div class="flex fullscreenMessage"> <div class="flex fullscreenMessage">
<div class="error icon"></div><h2><%- @T('Status Code') %>: 1234. may be not internet connection...</h2> <svg class="icon icon-diagonal-cross"><use xlink:href="#icon-diagonal-cross" /></svg>
<h2><%- @T('Status Code') %>: 1234. Check your internet connection...</h2>
</div> </div>

73
app/assets/javascripts/app/views/layout_ref/highlight.jst.eco
View file

@ -2,13 +2,12 @@
<div class="ticketZoom"> <div class="ticketZoom">
<div class="ticketZoom-controls"> <div class="ticketZoom-controls">
<div class="btn btn--action btn--split--first js-highlight centered visibility-change"> <div class="btn btn--action btn--split--first js-highlight centered">
<div class="marker icon active" data-visible="active"></div> <svg class="marker-icon"><use xlink:href="#icon-marker" /></svg>
<div class="marker icon" data-visible="normal"></div>
</div> </div>
<div class="dropdown dropdown--actions"> <div class="dropdown dropdown--actions">
<div class="btn btn--action btn--split--last btn--slim centered" id="highlight" data-toggle="dropdown" aria-expanded="true"> <div class="btn btn--action btn--split--last btn--slim centered" id="highlight" data-toggle="dropdown" aria-expanded="true">
<div class="arrow down icon"></div> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>
<ul class="dropdown-menu dropdown-menu-right" role="menu"> <ul class="dropdown-menu dropdown-menu-right" role="menu">
<% for entry, i in @colors: %> <% for entry, i in @colors: %>
@ -30,12 +29,12 @@
</div> </div>
<ul class="pagination"> <ul class="pagination">
<li> <li>
<a class="centered" href="#" data-from="0" data-type="page"> <a class="btn btn--action btn--split--first" data-from="0" data-type="page">
<span class="left arrow icon"></span> <svg class="arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
</a> </a>
<li> <li>
<a class="centered" href="#" data-from="1" data-type="page"> <a class="btn btn--action btn--split--last" href="#" data-from="1" data-type="page">
<span class="right arrow icon"></span> <svg class="arrow arrow--right"><use xlink:href="#icon-arrow-right" /></svg>
</a> </a>
</ul> </ul>
</li> </li>
@ -56,11 +55,11 @@
<ul class="pagination"> <ul class="pagination">
<li> <li>
<a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page"> <a class="centered" href="#" data-from="<%= @items_from - @items_per_page %>" data-type="page">
<span class="left arrow icon"></span> <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
</a> </a>
<li> <li>
<a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page"> <a class="centered" href="#" data-from="<%= @items_from + @items_per_page %>" data-type="page">
<span class="right arrow icon"></span> <svg class="icon arrow arrow--left"><use xlink:href="#icon-arrow-left" /></svg>
</a> </a>
</ul> </ul>
</div> </div>
@ -120,21 +119,24 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
<div class="horizontal article-meta-row"> <div class="horizontal article-meta-row">
<div class="article-meta-key">Kanal</div> <div class="article-meta-key">Kanal</div>
<div class="article-meta-value"> <div class="article-meta-value">
<span class="white phone channel icon"></span> <svg class="article-meta-icon"><use xlink:href="#icon-phone" /></svg>
phone phone
</div> </div>
</div> </div>
</div> </div>
<div class="article-actions horizontal stretch"> <div class="article-actions horizontal stretch">
<a href="" data-type="internal" class="article-action u-clickable"> <a href="" data-type="internal" class="article-action u-clickable">
<span class="internal action icon"></span>set to internal <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
</a> set to internal
<a href="#" data-type="reply" class="article-action u-clickable"> </a>
<span class="reply action icon"></span>reply <a href="#" data-type="reply" class="article-action u-clickable">
</a> <svg class="article-meta-icon"><use xlink:href="#icon-reply" /></svg>
<a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable"> reply
<span class="split action icon"></span>split </a>
</a> <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
<svg class="article-meta-icon"><use xlink:href="#icon-split" /></svg>
split
</a>
</div> </div>
</div> </div>
</div> </div>
@ -165,14 +167,15 @@ The <a href="http://Zammad.org" title="http://Zammad.org" target="_blank">Zammad
<div class="horizontal article-meta-row"> <div class="horizontal article-meta-row">
<div class="article-meta-key">Kanal</div> <div class="article-meta-key">Kanal</div>
<div class="article-meta-value"> <div class="article-meta-value">
<span class="white note channel icon"></span> <svg class="article-meta-icon"><use xlink:href="#icon-note" /></svg>
note note
</div> </div>
</div> </div>
</div> </div>
<div class="article-actions horizontal stretch"> <div class="article-actions horizontal stretch">
<a href="" data-type="internal" class="article-action u-clickable"> <a href="" data-type="internal" class="article-action u-clickable">
<span class="internal action icon"></span>set to internal <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
set to internal
</a> </a>
</div> </div>
</div> </div>
@ -211,15 +214,18 @@ Grüße, Peter</div></div>
</div> </div>
</div> </div>
<div class="article-actions horizontal stretch"> <div class="article-actions horizontal stretch">
<a href="" data-type="internal" class="article-action u-clickable"> <a href="" data-type="internal" class="article-action u-clickable">
<span class="internal action icon"></span>set to internal <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
</a> set to internal
<a href="#" data-type="reply" class="article-action u-clickable"> </a>
<span class="reply action icon"></span>reply <a href="#" data-type="reply" class="article-action u-clickable">
</a> <svg class="article-meta-icon"><use xlink:href="#icon-reply" /></svg>
<a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable"> reply
<span class="split action icon"></span>split </a>
</a> <a href="#ticket/create/1/1" data-type="split" class="article-action u-clickable">
<svg class="article-meta-icon"><use xlink:href="#icon-split" /></svg>
split
</a>
</div> </div>
</div> </div>
</div> </div>
@ -290,14 +296,15 @@ Oliver<br></div>
<div class="horizontal article-meta-row"> <div class="horizontal article-meta-row">
<div class="article-meta-key">Kanal</div> <div class="article-meta-key">Kanal</div>
<div class="article-meta-value"> <div class="article-meta-value">
<span class="white note channel icon"></span> <svg class="article-meta-icon"><use xlink:href="#icon-note" /></svg>
note note
</div> </div>
</div> </div>
</div> </div>
<div class="article-actions horizontal stretch"> <div class="article-actions horizontal stretch">
<a href="" data-type="internal" class="article-action u-clickable"> <a href="" data-type="internal" class="article-action u-clickable">
<span class="internal action icon"></span>set to internal <svg class="article-action-icon"><use xlink:href="#icon-lock" /></svg>
set to internal
</a> </a>
</div> </div>
</div> </div>

2
app/assets/javascripts/app/views/layout_ref/local_modal.jst.eco
View file

@ -302,7 +302,7 @@
<div class="profile-section vertical centered"> <div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions"> <div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown"> <div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown">
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg> <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
<label>Aktion</label> <label>Aktion</label>
<span class="select-arrow icon"></span> <span class="select-arrow icon"></span>
</div> </div>

24
app/assets/javascripts/app/views/layout_ref/organization_profile.jst.eco
View file

@ -4,7 +4,7 @@
<div class="profile-section vertical centered"> <div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions"> <div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="organizationProfile" data-toggle="dropdown"> <div class="dropdown-toggle horizontal center" id="organizationProfile" data-toggle="dropdown">
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg> <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
<label>Aktion</label> <label>Aktion</label>
<span class="select-arrow icon"></span> <span class="select-arrow icon"></span>
</div> </div>
@ -76,7 +76,7 @@
<ol class="tasks tasks--standalone"> <ol class="tasks tasks--standalone">
<li class="task level-2"> <li class="task level-2">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Micro-SIM doesn't work</div> <div class="name">Micro-SIM doesn't work</div>
@ -84,7 +84,7 @@
</div> </div>
<li class="task level-2"> <li class="task level-2">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Superb Service!</div> <div class="name">Superb Service!</div>
@ -92,7 +92,7 @@
</div> </div>
<li class="task level-2"> <li class="task level-2">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Print sheets strip off</div> <div class="name">Print sheets strip off</div>
@ -100,7 +100,7 @@
</div> </div>
<li class="task level-2"> <li class="task level-2">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Block not properly wrought</div> <div class="name">Block not properly wrought</div>
@ -114,7 +114,7 @@
<ol class="tasks tasks--standalone"> <ol class="tasks tasks--standalone">
<li class="task level-1"> <li class="task level-1">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Micro-SIM doesn't work</div> <div class="name">Micro-SIM doesn't work</div>
@ -122,7 +122,7 @@
</div> </div>
<li class="task level-1"> <li class="task level-1">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Superb Service!</div> <div class="name">Superb Service!</div>
@ -223,8 +223,14 @@
</div> </div>
</div> </div>
<div class="stat-legend"> <div class="stat-legend">
<div class="stat-legendEntry primary"><span class="primary stat-circle"></span>Bearbeitet</div> <div class="stat-legendEntry primary">
<div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span>Offen</div> <span class="primary stat-circle"></span>
<span class="stat-legend-label">Bearbeitet</span>
</div>
<div class="stat-legendEntry secondary">
<span class="secondary stat-circle"></span>
<span class="stat-legend-label">Offen</span>
</div>
</div> </div>
</div> </div>
</div> </div>

38
app/assets/javascripts/app/views/layout_ref/user_profile.jst.eco
View file

@ -4,7 +4,7 @@
<div class="profile-section vertical centered"> <div class="profile-section vertical centered">
<div class="align-right profile-action dropdown dropdown--actions"> <div class="align-right profile-action dropdown dropdown--actions">
<div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown"> <div class="dropdown-toggle horizontal center" id="profileAction" data-toggle="dropdown">
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg> <svg class="dropdown-icon"><use xlink:href="#icon-cog" /></svg>
<label>Aktion</label> <label>Aktion</label>
<span class="select-arrow icon"></span> <span class="select-arrow icon"></span>
</div> </div>
@ -66,7 +66,7 @@
<div class="profile-ticketList"> <div class="profile-ticketList">
<label>Offene Tickets (0)</label> <label>Offene Tickets (0)</label>
<div class="profile-ticketsPlaceholder vertical centered"> <div class="profile-ticketsPlaceholder vertical centered">
<div class="mood icon supergood-state"></div> <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg>
Keine offenen Tickets Keine offenen Tickets
</div> </div>
<a href="#">Alle Tickets von Doreen Kubiak …</a> <a href="#">Alle Tickets von Doreen Kubiak …</a>
@ -76,7 +76,7 @@
<ol class="tasks tasks--standalone"> <ol class="tasks tasks--standalone">
<li class="task level-1"> <li class="task level-1">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Micro-SIM doesn't work</div> <div class="name">Micro-SIM doesn't work</div>
@ -84,7 +84,7 @@
</div> </div>
<li class="task level-1"> <li class="task level-1">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Superb Service!</div> <div class="name">Superb Service!</div>
@ -92,7 +92,7 @@
</div> </div>
<li class="task level-1"> <li class="task level-1">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Print sheets strip off</div> <div class="name">Print sheets strip off</div>
@ -100,7 +100,7 @@
</div> </div>
<li class="task level-1"> <li class="task level-1">
<div class="icon-holder"> <div class="icon-holder">
<div class="priority icon"></div> <svg class="priority-icon"><use xlink:href="#icon-priority" /></svg>
</div> </div>
<div class="flex"> <div class="flex">
<div class="name">Block not properly wrought</div> <div class="name">Block not properly wrought</div>
@ -116,14 +116,14 @@
<h3>Status</h3> <h3>Status</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="stat-tickets vertical reverse end"> <div class="stat-tickets vertical reverse end">
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
<div class="stat-ticket icon supergood-state"></div> <svg class="one-ticket state-color supergood-state"><use xlink:href="#icon-one-ticket" /></svg>
</div> </div>
<div class="stat-all-tickets icon"></div> <svg class="total-tickets"><use xlink:href="#icon-total-tickets" /></svg>
</div> </div>
<!-- <!--
Achtung: hier müssen wir schauen, dass wir das Widget genauso verwenden wie im Dashboard. Sonst gibt's Verwirrung. Achtung: hier müssen wir schauen, dass wir das Widget genauso verwenden wie im Dashboard. Sonst gibt's Verwirrung.
@ -134,7 +134,7 @@
<div class="column mood stat-widget vertical"> <div class="column mood stat-widget vertical">
<h3>Stimmung</h3> <h3>Stimmung</h3>
<div class="stat-graphic"> <div class="stat-graphic">
<div class="mood icon supergood-state"></div> <svg class="stat-icon mood-icon"><use xlink:href="#icon-mood-supergood" /></svg>
</div> </div>
<div class="stat-label">3% of my tickets escalated.</div> <div class="stat-label">3% of my tickets escalated.</div>
<div class="stat-detail">Average: 17%</div> <div class="stat-detail">Average: 17%</div>
@ -230,8 +230,14 @@
</div> </div>
</div> </div>
<div class="stat-legend"> <div class="stat-legend">
<div class="stat-legendEntry primary"><span class="primary stat-circle"></span>Bearbeitet</div> <div class="stat-legendEntry">
<div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span>Offen</div> <span class="primary stat-circle"></span>
<span class="stat-legend-label">Bearbeitet</span>
</div>
<div class="stat-legendEntry">
<span class="secondary stat-circle"></span>
<span class="stat-legend-label">Offen</span>
</div>
</div> </div>
</div> </div>
</div> </div>

2
app/assets/javascripts/app/views/navigation.jst.eco
View file

@ -6,7 +6,7 @@
<svg class="close icon"><use xlink:href="#icon-close" /></svg> <svg class="close icon"><use xlink:href="#icon-close" /></svg>
</div> </div>
</div> </div>
<svg class="logo js-toggleNavigation"><use xlink:href="#icon-logo" /></svg> <svg class="icon-logo js-toggleNavigation"><use xlink:href="#icon-logo" /></svg>
<ul id="global-search-result" class="custom-dropdown-menu" role="menu"></ul> <ul id="global-search-result" class="custom-dropdown-menu" role="menu"></ul>
</form> </form>

4
app/assets/javascripts/app/views/navigation/personal.jst.eco
View file

@ -6,7 +6,7 @@
<% if item.class is 'user': %> <% if item.class is 'user': %>
<span class="js-avatar"></span> <span class="js-avatar"></span>
<% else: %> <% else: %>
<svg class="plus icon"><use xlink:href="#icon-plus" /></svg> <svg class="user-menu-icon icon-plus"><use xlink:href="#icon-plus" /></svg>
<% end %> <% end %>
</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
@ -30,7 +30,7 @@
<% else: %> <% else: %>
<li class="settings <% if @active_tab[item.target] : %>active<% end %>"> <li class="settings <% if @active_tab[item.target] : %>active<% end %>">
<a class="list-button fit horizontal centered" href="<%= item.target %>" title="<%- @Ti( item.name ) %>"> <a class="list-button fit horizontal centered" href="<%= item.target %>" title="<%- @Ti( item.name ) %>">
<svg class="cog icon"><use xlink:href="#icon-cog" /></svg> <svg class="user-menu-icon icon-cog"><use xlink:href="#icon-cog" /></svg>
</a> </a>
</li> </li>
<% end %> <% end %>

2
app/assets/javascripts/app/views/task_widget_tasks.jst.eco
View file

@ -1,6 +1,6 @@
<% for item in @item_list: %> <% for item in @item_list: %>
<a href="<%- item.data.url %>" title="<%= item.data.title %>" class="nav-tab <%= item.data.class %><% if item.task.active: %> is-active<% end %>" data-key="<%- item.task.key %>"> <a href="<%- item.data.url %>" title="<%= item.data.title %>" class="nav-tab <%= item.data.class %><% if item.task.active: %> is-active<% end %>" data-key="<%- item.task.key %>">
<svg class="nav-tab-icon"> <svg class="nav-tab-icon priority-icon">
<% if item.task.notify && item.data.iconClass is 'priority': %> <% if item.task.notify && item.data.iconClass is 'priority': %>
<use class="inner-circle" xlink:href="#icon-priority-modified-inner-circle" /> <use class="inner-circle" xlink:href="#icon-priority-modified-inner-circle" />
<use class="outer-circle" xlink:href="#icon-priority-modified-outer-circle" /> <use class="outer-circle" xlink:href="#icon-priority-modified-outer-circle" />

8
app/assets/javascripts/app/views/ticket_zoom.jst.eco
View file

@ -31,7 +31,7 @@
<option value="2">open</option> <option value="2">open</option>
<option value="3">pending</option> <option value="3">pending</option>
</select> </select>
<div class="select-arrow icon"></div> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>
<div class="form-group is-changed"> <div class="form-group is-changed">
<label for="update_ticket_1_priority_id123" class="input-group-addon u-clickable">Priority</label> <label for="update_ticket_1_priority_id123" class="input-group-addon u-clickable">Priority</label>
@ -40,7 +40,7 @@
<option value="2" selected="">2 normal</option> <option value="2" selected="">2 normal</option>
<option value="3">3 high</option> <option value="3">3 high</option>
</select> </select>
<div class="select-arrow icon"></div> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="update_ticket_1_group_id123" class="input-group-addon u-clickable">Group</label> <label for="update_ticket_1_group_id123" class="input-group-addon u-clickable">Group</label>
@ -50,7 +50,7 @@
<option value="2">Twitter</option> <option value="2">Twitter</option>
<option value="1" selected="">Users</option> <option value="1" selected="">Users</option>
</select> </select>
<div class="select-arrow icon"></div> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="update_ticket_1_owner_id123" class="input-group-addon u-clickable">Owner</label> <label for="update_ticket_1_owner_id123" class="input-group-addon u-clickable">Owner</label>
@ -58,7 +58,7 @@
<option value="">-</option> <option value="">-</option>
<option value="3">Felix Niklas</option> <option value="3">Felix Niklas</option>
</select> </select>
<div class="select-arrow icon"></div> <svg class="arrow arrow--down"><use xlink:href="#icon-arrow-down" /></svg>
</div> </div>
</form> </form>
<form class="form-inline"> <form class="form-inline">

34
app/assets/javascripts/app/views/ticket_zoom/article_new.jst.eco
View file

@ -1,29 +1,29 @@
<form class="article-add <% if @article.internal: %>is-internal<% else: %>is-public<% end %>"> <form class="article-add <% if @article.internal: %>is-internal<% else: %>is-public<% end %>" data-type="<%= @article.type %>">
<input type="hidden" name="type" value="<%= @article.type %>"> <input type="hidden" name="type" value="<%= @article.type %>">
<input type="hidden" name="internal" value="<%= @article.internal %>"> <input type="hidden" name="internal" value="<%= @article.internal %>">
<input type="hidden" name="form_id" value="<%= @article.form_id %>"> <input type="hidden" name="form_id" value="<%= @article.form_id %>">
<div class="editControls"> <div class="editControls">
<div class="js-avatar"></div> <div class="js-avatar"></div>
<div class="dark pop-select zIndex-7 editControls-item"> <div class="editControls-item is-hidden pop-select">
<div class="pop-selected u-clickable centered"> <div class="editControls-iconHolder centered js-selectedArticleType">
<div class="gray <%- @article.type %> channel icon"></div> <svg class="editControls-icon js-selectedType"><use xlink:href="#icon-<%= @article.type %>" /></svg>
</div> </div>
<div class="pop-selector hide"> <div class="pop-selector is-hidden js-articleTypes">
<div class="horizontal"> <% for articleType in @articleTypes: %>
<% for atricleType in @articleTypes: %> <div class="editControls-icon pop-selectable js-articleTypeItem" data-value="<%= articleType.name %>">
<div class="pop-selectable u-clickable centered" data-value="<%= atricleType.name %>"> <svg class="pop-selectable-icon icon-<%= articleType.icon %>"><use xlink:href="#icon-<%= articleType.icon %>" /></svg>
<div class="white <%= atricleType.icon %> channel icon"></div>
</div>
<% end %>
</div> </div>
<% end %>
</div> </div>
</div> </div>
<div class="visibility-toggle zIndex-7 u-clickable editControls-item"> <div class="editControls-item is-hidden js-toggleVisibility">
<div class="internal-visibility centered" title="<%- @Ti("set to public") %>"> <div class="editControls-iconHolder">
<div class="internal visibility icon"></div> <svg class="editControls-icon icon-internal" title="<%- @Ti("set to public") %>">
</div> <use xlink:href="#icon-lock" />
<div class="public-visibility centered" title="<%- @Ti("set to internal") %>"> </svg>
<div class="public visibility icon"></div> <svg class="editControls-icon icon-public" title="<%- @Ti("set to internal") %>">
<use xlink:href="#icon-lock-open" />
</svg>
</div> </div>
</div> </div>
</div> </div>

2
app/assets/javascripts/app/views/ticket_zoom/article_view.jst.eco
View file

@ -72,7 +72,7 @@
<div class="horizontal article-meta-row"> <div class="horizontal article-meta-row">
<div class="article-meta-key"><%- @T( 'Channel' ) %></div> <div class="article-meta-key"><%- @T( 'Channel' ) %></div>
<div class="article-meta-value"> <div class="article-meta-value">
<span class="white <%- @article.type.name %> channel icon"></span> <svg class="article-meta-icon"><use xlink:href="#icon-<%- @article.type.name %>" /></svg>
<%- @T(@article.type.name) %> <%- @T(@article.type.name) %>
<% if @article.type.name is 'email': %> <% if @article.type.name is 'email': %>
<a class="text-muted" href="<%= App.Config.get('api_path') %>/ticket_article_plain/<%= @article.id %>"><%- @T( 'raw' ) %></a> <a class="text-muted" href="<%= App.Config.get('api_path') %>/ticket_article_plain/<%= @article.id %>"><%- @T( 'raw' ) %></a>

2
app/assets/javascripts/app/views/ticket_zoom/article_view_actions.jst.eco
View file

@ -1,7 +1,7 @@
<div class="article-content article-actions horizontal stretch"> <div class="article-content article-actions horizontal stretch">
<% for action in @actions: %> <% for action in @actions: %>
<a href="<%= action.href %>" data-type="<%= action.type %>" class="article-action u-clickable<% if action.class: %> <%= action.class %><% end %>"> <a href="<%= action.href %>" data-type="<%= action.type %>" class="article-action u-clickable<% if action.class: %> <%= action.class %><% end %>">
<span class="<%= action.type %> action icon"></span><%- @T( action.name ) %> <svg class="article-action-icon"><use xlink:href="#icon-<%= action.icon %>" /></svg><%- @T( action.name ) %>
</a> </a>
<% end %> <% end %>
</div> </div>

10
app/assets/javascripts/app/views/widget/ticket_stats_frequency.jst.eco
View file

@ -11,6 +11,12 @@
<% end %> <% end %>
</div> </div>
<div class="stat-legend"> <div class="stat-legend">
<div class="stat-legendEntry primary"><span class="primary stat-circle"></span><%- @T('Closed') %></div> <div class="stat-legendEntry primary">
<div class="stat-legendEntry secondary"><span class="secondary stat-circle"></span><%- @T('Created') %></div> <span class="primary stat-circle"></span>
<span class="stat-legend-label"><%- @T('Closed') %></span>
</div>
<div class="stat-legendEntry secondary">
<span class="secondary stat-circle"></span>
<span class="stat-legend-label"><%- @T('Created') %></span>
</div>
</div> </div>

1
app/assets/stylesheets/application.css
View file

@ -13,6 +13,7 @@
*= require ./sew.css *= require ./sew.css
*= require ./medium.css *= require ./medium.css
*= require ./fira-sans.css *= require ./fira-sans.css
*= require ./svg-dimensions.css
*= require ./zammad.css.scss *= require ./zammad.css.scss
* *
*= require_tree ./custom/ *= require_tree ./custom/

1
app/assets/stylesheets/svg-dimensions.css Normal file
View file

@ -0,0 +1 @@
.icon-arrow-down { width: 13px; height: 7px; } .icon-arrow-left { width: 7px; height: 13px; } .icon-arrow-right { width: 7px; height: 13px; } .icon-arrow-up { width: 13px; height: 7px; } .icon-clock { width: 16px; height: 16px; } .icon-close { width: 13px; height: 13px; } .icon-cloud { width: 16px; height: 16px; } .icon-cog { width: 20px; height: 20px; } .icon-dashboard { width: 24px; height: 24px; } .icon-diagonal-cross { width: 13px; height: 13px; } .icon-email { width: 17px; height: 17px; } .icon-facebook { width: 17px; height: 17px; } .icon-group { width: 24px; height: 24px; } .icon-important { width: 16px; height: 16px; } .icon-in-process { width: 64px; height: 64px; } .icon-list { width: 16px; height: 16px; } .icon-lock-open { width: 16px; height: 16px; } .icon-lock { width: 16px; height: 16px; } .icon-logo { width: 42px; height: 36px; } .icon-long-arrow-right { width: 11px; height: 11px; } .icon-magnifier { width: 15px; height: 15px; } .icon-marker { width: 17px; height: 19px; } .icon-message { width: 24px; height: 24px; } .icon-mood-bad { width: 60px; height: 59px; } .icon-mood-good { width: 60px; height: 59px; } .icon-mood-ok { width: 60px; height: 59px; } .icon-mood-super-bad { width: 60px; height: 59px; } .icon-mood-supergood { width: 60px; height: 59px; } .icon-note { width: 17px; height: 16px; } .icon-one-ticket { width: 48px; height: 10px; } .icon-organization { width: 16px; height: 16px; } .icon-outbound-calls { width: 17px; height: 17px; } .icon-overviews { width: 24px; height: 24px; } .icon-package { width: 16px; height: 16px; } .icon-pen { width: 16px; height: 16px; } .icon-person { width: 24px; height: 24px; } .icon-phone { width: 17px; height: 17px; } .icon-plus { width: 20px; height: 20px; } .icon-priority-modified-inner-circle { width: 16px; height: 16px; } .icon-priority-modified-outer-circle { width: 16px; height: 16px; } .icon-priority { width: 16px; height: 16px; } .icon-received-calls { width: 17px; height: 17px; } .icon-reopening { width: 68px; height: 47px; } .icon-reply-all { width: 16px; height: 16px; } .icon-reply { width: 16px; height: 16px; } .icon-signout { width: 15px; height: 19px; } .icon-split { width: 16px; height: 16px; } .icon-stopwatch { width: 77px; height: 83px; } .icon-switchView { width: 19px; height: 18px; } .icon-team { width: 16px; height: 16px; } .icon-templates { width: 24px; height: 24px; } .icon-tools { width: 24px; height: 24px; } .icon-total-tickets { width: 48px; height: 83px; } .icon-twitter { width: 17px; height: 17px; } .icon-user { width: 16px; height: 16px; }

363
app/assets/stylesheets/zammad.css.scss
View file

@ -290,7 +290,9 @@ span[data-tooltip]:hover:before {
font-size: 12px; font-size: 12px;
letter-spacing: 0.1em; letter-spacing: 0.1em;
height: 31px; height: 31px;
padding: 7px 11px 5px !important; padding: 6px 11px !important;
display: inline-flex;
align-items: center;
&.btn--slim { &.btn--slim {
padding-left: 7px !important; padding-left: 7px !important;
@ -298,6 +300,14 @@ span[data-tooltip]:hover:before {
} }
} }
&.btn--onDark {
background: none;
.icon {
fill: white;
}
}
&.btn--primary { &.btn--primary {
color: white; color: white;
background: hsl(203,65%,55%); background: hsl(203,65%,55%);
@ -367,7 +377,6 @@ span[data-tooltip]:hover:before {
&.btn--split--last { &.btn--split--last {
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
} }
} }
.btn + .btn { .btn + .btn {
@ -395,6 +404,10 @@ span[data-tooltip]:hover:before {
vertical-align: top; vertical-align: top;
} }
.btn-label {
margin-left: 4px;
}
.visibility-change { .visibility-change {
/* /*
@ -785,11 +798,15 @@ textarea,
padding-right: 34px; padding-right: 34px;
} }
.form-control + .select-arrow { .form-control + .arrow {
position: absolute; position: absolute;
right: 12px; right: 12px;
top: 50%; top: 50%;
margin-top: -3px; margin-top: -3px;
fill: black;
opacity: 0.39;
width: 13px;
height: 7px;
@extend .u-unclickable; @extend .u-unclickable;
} }
@ -807,7 +824,7 @@ textarea,
*/ */
html.ff-lt-35 .form-control + .select-arrow { html.ff-lt-35 .form-control + .arrow {
display: none; display: none;
} }
@ -853,6 +870,7 @@ textarea,
.icon { .icon {
margin: -5px 14px 0 0; margin: -5px 14px 0 0;
fill: #F35910;
} }
h2 { h2 {
@ -1270,14 +1288,40 @@ ol.tabs li {
background-position: -90px 0; background-position: -90px 0;
} }
.icon { /*
}
global icon definitions
=======================
*/
.signout.icon { .signout.icon {
width: 15px; width: 15px;
height: 19px; height: 19px;
} }
.arrow {
fill: black;
opacity: 0.39;
}
.arrow--disabled {
opacity: 0.23;
}
.arrow--down,
.arrow--up {
width: 13px;
height: 7px;
}
.arrow--left,
.arrow--right {
width: 7px;
height: 13px;
}
.add.icon, .add.icon,
.remove.icon { .remove.icon {
width: 21px; width: 21px;
@ -2103,6 +2147,11 @@ footer {
color: hsl(198,19%,72%); color: hsl(198,19%,72%);
} }
.tasks--standalone .priority-icon {
margin-right: 4px;
margin-top: 1px;
}
.nav-tab { .nav-tab {
padding: 10px 15px 7px 0; padding: 10px 15px 7px 0;
position: relative; position: relative;
@ -2157,33 +2206,15 @@ footer {
} }
.nav-tab-icon { .nav-tab-icon {
width: 16px;
height: 16px;
fill: #808080;
margin-right: 7px; margin-right: 7px;
margin-left: 7px; margin-left: 7px;
margin-top: -3px; margin-top: -3px;
} }
.level-1.is-active { .priority-icon {
background-color: #38ae6a; width: 16px;
} height: 16px;
.level-1 .nav-tab-icon { fill: #808080;
fill: #38ae6a;
}
.level-2.is-active {
background-color: #f35910;
}
.level-2 .nav-tab-icon {
fill: #f35910;
}
.level-3.is-active {
background-color: #faab00;
}
.level-3 .nav-tab-icon {
fill: #faab00;
} }
.nav-tab-icon .inner-circle { .nav-tab-icon .inner-circle {
@ -2240,6 +2271,27 @@ footer {
opacity: 1; opacity: 1;
} }
.level-1.is-active {
background-color: #38ae6a;
}
.level-1 .priority-icon {
fill: #38ae6a;
}
.level-2.is-active {
background-color: #f35910;
}
.level-2 .priority-icon {
fill: #f35910;
}
.level-3.is-active {
background-color: #faab00;
}
.level-3 .priority-icon {
fill: #faab00;
}
.search { .search {
padding: 14px 2px 10px 10px; padding: 14px 2px 10px 10px;
border-bottom: 1px solid rgba(240, 250, 255, .05); border-bottom: 1px solid rgba(240, 250, 255, .05);
@ -2304,14 +2356,13 @@ footer {
margin-right: -46px; margin-right: -46px;
} }
.search.focused .logo { .search.focused .icon-logo {
opacity: 0; opacity: 0;
z-index: -1; z-index: -1;
} }
.search .logo { .search .icon-logo {
width: 67px; margin: 0 10px;
height: 36px;
transition: 240ms; transition: 240ms;
position: relative; position: relative;
@extend .u-clickable, .zIndex-5; @extend .u-clickable, .zIndex-5;
@ -2398,25 +2449,23 @@ footer {
background: #38ae6a; background: #38ae6a;
} }
.user-menu .cog.icon { .user-menu-icon {
width: 20px; width: 20px;
height: 20px; height: 20px;
fill: hsl(0,0%,30%); fill: hsl(0,0%,30%);
} }
.user-menu .plus.icon { .user-menu-icon.icon-plus {
width: 17px;
height: 17px;
fill: hsl(145,51%,45%); fill: hsl(145,51%,45%);
} }
.user-menu > li.settings:hover .cog.icon, .user-menu > li.settings:hover .user-menu-icon,
.user-menu > li.settings.active .cog.icon { .user-menu > li.settings.active .user-menu-icon {
fill: hsl(232,10%,16%); fill: hsl(232,10%,16%);
} }
.user-menu > li.add:hover .plus.icon, .user-menu > li.add:hover .user-menu-icon.icon-plus,
.user-menu > li.add.active .plus.icon { .user-menu > li.add.active .user-menu-icon.icon-plus {
fill: white; fill: white;
} }
@ -2767,7 +2816,7 @@ footer {
.popover label { .popover label {
font-size: 13px; font-size: 13px;
color: #a9bcc4; color: #a9bcc4;
font-weight: 200; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.07em; letter-spacing: 0.07em;
} }
@ -3016,7 +3065,7 @@ footer {
.stat-circle { .stat-circle {
margin-bottom: -1px; margin-bottom: -1px;
margin-right: 7px; margin-right: 3px;
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius: 100%; border-radius: 100%;
@ -3239,6 +3288,13 @@ footer {
align-items: center; align-items: center;
} }
.marker-icon {
fill: black;
opacity: .39;
width: 17px;
height: 19px;
}
.ticketZoom .page-header { .ticketZoom .page-header {
margin-top: 24px; margin-top: 24px;
margin-bottom: 0; margin-bottom: 0;
@ -3343,9 +3399,12 @@ footer {
margin-left: 8px; margin-left: 8px;
} }
.article-meta .icon { .article-meta-icon {
width: 16px;
height: 16px;
fill: white;
vertical-align: top; vertical-align: top;
margin: 1px 3px 0 0; margin: 2px 3px 0 0;
} }
.article-meta .text-muted { .article-meta .text-muted {
@ -3520,9 +3579,11 @@ footer {
opacity: 1; opacity: 1;
} }
.article-action .icon { .article-action-icon {
margin-right: 10px; margin-right: 5px;
vertical-align: top; vertical-align: top;
width: 17px;
height: 17px;
} }
.article-add { .article-add {
@ -3553,17 +3614,18 @@ footer {
top: 5px; top: 5px;
} }
.editControls-item { .article-add[data-type=email] .editControls {
width: 38px; top: 159px;
height: 36px; }
position: absolute;
top: 38px;
display: none;
margin-left: 1px;
}
.editControls-item:nth-child(2) { .editControls-item {
margin-top: 5px; position: absolute;
top: 43px;
@extend .u-clickable, .zIndex-7;
&.is-hidden {
display: none;
}
} }
.editControls-item:nth-child(3) { .editControls-item:nth-child(3) {
@ -3578,39 +3640,70 @@ footer {
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
.pop-selectable .icon { .editControls-iconHolder {
opacity: 0.3;
}
.pop-selectable:hover .icon {
opacity: 1;
}
.visibility-toggle > * {
height: 36px;
width: 38px; width: 38px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.editControls-icon {
width: 16px;
height: 16px;
fill: hsl(210,2%,78%);
}
.pop-selector {
position: absolute; position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
&.is-hidden {
display: none;
}
} }
.visibility-toggle .icon { .pop-selectable {
display: block; width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
@extend .u-clickable;
background: hsl(240,9%,19%);
} }
.visibility-toggle .icon, .pop-selectable:hover {
.recipient-picker { background: white;
opacity: 0.2;
} }
.article-add.is-public .internal-visibility { .pop-selectable:first-child {
visibility: hidden; border-radius: 4px 0 0 4px;
} }
.article-add.is-internal .visibility-toggle .icon { .pop-selectable:last-child {
opacity: 1; border-radius: 0 4px 4px 0;
} }
.article-add.is-internal .public-visibility { .pop-selectable-icon {
visibility: hidden; fill: hsl(231,3%,40%);
}
.pop-selectable:hover .pop-selectable-icon {
fill: hsl(240,9%,19%);
}
.article-add .icon-internal {
fill: hsl(18,87%,65%);
}
.article-add.is-public .icon-internal,
.article-add.is-internal .icon-public {
display: none;
} }
.article-new .recipient-picker { .article-new .recipient-picker {
@ -3845,34 +3938,6 @@ footer {
bottom: 0; bottom: 0;
} }
.pop-selector {
position: absolute;
top: 0;
left: 0;
}
.pop-selected,
.pop-selectable {
width: 38px;
height: 36px;
}
.pop-selectable {
background: hsl(234,10%,19%);
}
.pop-selectable:hover {
background: hsl(234,10%,29%);
}
.pop-selectable:first-child {
border-radius: 4px 0 0 4px;
}
.pop-selectable:last-child {
border-radius: 0 4px 4px 0;
}
.tabsSidebar-tabsSpacer { .tabsSidebar-tabsSpacer {
padding-right: 62px !important; padding-right: 62px !important;
} }
@ -4200,7 +4265,7 @@ footer {
margin: 0; margin: 0;
padding: 0 10px 0 5px; padding: 0 10px 0 5px;
font-family: inherit; font-family: inherit;
font-weight: 100; font-weight: 300;
font-size: 30px; font-size: 30px;
line-height: 1; line-height: 1;
color: white; color: white;
@ -4271,7 +4336,7 @@ footer {
margin-top: 4px; margin-top: 4px;
line-height: 19px; line-height: 19px;
font-size: 28px; font-size: 28px;
font-weight: lighter; font-weight: 300;
opacity: .4; opacity: .4;
} }
@ -4428,6 +4493,12 @@ footer {
@extend .u-clickable; @extend .u-clickable;
} }
.dropdown-icon {
width: 16px;
height: 16px;
opacity: 0.39;
}
.dropdown ul { .dropdown ul {
margin: 0; margin: 0;
} }
@ -4503,16 +4574,32 @@ footer {
padding: 0; padding: 0;
} }
.recipientList-entry {
@extend .u-clickable;
display: flex;
align-items: center;
}
.recipientList-entry .recipientList-iconSpacer { .recipientList-entry .recipientList-iconSpacer {
width: 20px; width: 20px;
margin-left: -5px; margin-left: -5px;
display: flex;
align-items: center;
justify-content: center;
} }
.recipientList-entry .icon:not(.plus) { .recipientList-icon {
width: 16px;
height: 16px;
fill: white;
opacity: 0.2; opacity: 0.2;
} }
.recipientList-entry:hover .icon { .recipientList--new .recipientList-icon {
opacity: 1;
}
.recipientList-entry:hover .recipientList-icon {
opacity: 1; opacity: 1;
} }
@ -4520,6 +4607,19 @@ footer {
color: white; color: white;
margin-left: 10px; margin-left: 10px;
margin-top: 2px; margin-top: 2px;
flex: 1;
@extend .u-textTruncate;
}
.recipientList-arrow {
width: 7px;
height: 13px;
fill: white;
opacity: 0.39;
}
.recipientList-entry:hover .recipientList-arrow {
opacity: 1;
} }
.recipientList-detail { .recipientList-detail {
@ -4530,42 +4630,19 @@ footer {
margin-left: 13px; margin-left: 13px;
} }
.recipientList-new { .recipientList--new {
background: hsl(145,51%,45%); background: hsl(145,51%,45%);
} }
.dropdown .recipientList-new:hover { .dropdown .recipientList--new:hover {
background: hsl(147,52%,43%); background: hsl(147,52%,43%);
} }
li.recipientList-controls, .recipientList-controls,
li.recipientList-controls:hover { .recipientList-controls:hover {
padding: 0; @extend .u-clickable;
background: hsl(206,7%,28%); padding: 5px 10px !important;
} background: hsl(206,7%,28%) !important;
.recipientList-backClickArea {
height: 100%;
float: left;
padding: 0 10px;
}
.recipientList-backButton {
padding: 5px 10px;
font-size: 12px;
color: white;
border-radius: 3px;
border: 1px solid hsl(234,10%,10%);
box-shadow: 0 1px rgba(255,255,255,.03) inset;
}
.recipientList-backClickArea:active .recipientList-backButton {
background: hsl(206,7%,25%);
box-shadow: 0 1px rgba(0,0,0,.1) inset;
}
.recipientList-backButton .icon {
margin-bottom: -2px;
} }
.recipientList-organizationMembers { .recipientList-organizationMembers {
@ -5139,14 +5216,10 @@ label + .wizard-buttonList {
} }
label { label {
margin: 0 10px; margin: 0 8px;
padding: 0; padding: 0;
opacity: 0.8;
cursor: inherit; cursor: inherit;
} }
.cog.icon {
opacity: 0.55;
}
} }
.profile-subtitle { .profile-subtitle {
@ -5164,7 +5237,7 @@ label + .wizard-buttonList {
margin: 8px 0 22px; margin: 8px 0 22px;
color: hsl(209,28%,74%); color: hsl(209,28%,74%);
.mood.icon { .stat-icon {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }

22
gulpfile.js
View file

@ -1,8 +1,11 @@
var gulp = require('gulp'); var gulp = require('gulp');
var gutil = require('gulp-util');
var rename = require('gulp-rename'); var rename = require('gulp-rename');
var svgstore = require('gulp-svgstore'); var svgstore = require('gulp-svgstore');
var svgmin = require('gulp-svgmin'); var svgmin = require('gulp-svgmin');
var cheerio = require('gulp-cheerio'); var cheerio = require('gulp-cheerio');
var through2 = require('through2');
var iconsource = 'public/assets/images/icons/*.svg' var iconsource = 'public/assets/images/icons/*.svg'
gulp.task('svgstore', function () { gulp.task('svgstore', function () {
@ -18,6 +21,25 @@ gulp.task('svgstore', function () {
parserOptions: { xmlMode: true } parserOptions: { xmlMode: true }
})) }))
.pipe(svgstore()) .pipe(svgstore())
.pipe(through2.obj(function (file, encoding, cb) {
var $ = file.cheerio;
var data = $('svg > symbol').map(function () {
var viewBox = $(this).attr('viewBox').split(" ")
return [
'.'+ $(this).attr('id') + ' {' +
' width: ' + viewBox[2] + 'px;' +
' height: ' + viewBox[3] + 'px; ' +
'}'
];
}).get();
var cssFile = new gutil.File({
path: '../../../app/assets/stylesheets/svg-dimensions.css',
contents: new Buffer(data.join(" "))
});
this.push(cssFile);
this.push(file);
cb();
}))
.pipe(gulp.dest('public/assets/images')); .pipe(gulp.dest('public/assets/images'));
}); });

4
package.json
View file

@ -7,6 +7,8 @@
"gulp-rename": "^1.2.2", "gulp-rename": "^1.2.2",
"gulp-svgmin": "^1.1.2", "gulp-svgmin": "^1.1.2",
"gulp-svgstore": "^5.0.1", "gulp-svgstore": "^5.0.1",
"gulp-watch": "^4.2.4" "gulp-util": "^3.0.4",
"gulp-watch": "^4.2.4",
"through2": "^0.6.5"
} }
} }

2
public/assets/images/icons.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 34 KiB

12
public/assets/images/icons/arrow-down.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="13px" height="7px" viewBox="0 0 13 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>arrow-down</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="arrow-down" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M7.203553,3.45693561 L2.98934,7.76411261 L4.417766,9.16397061 L9.317766,4.16397061 L10.01066,3.45693561 L9.31066,2.75693461 L4.41066,-2.14306539 L2.996446,-0.728851394 L7.203553,3.45693561 L7.203553,3.45693561 Z" sketch:type="MSShapeGroup" transform="translate(6.500000, 3.510453) rotate(90.000000) translate(-6.500000, -3.510453) "></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 990 B

12
public/assets/images/icons/arrow-left.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="7px" height="13px" viewBox="0 0 7 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>arrow-left</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="arrow-left" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M7.08012822,2.201647 L5.65170254,0.801789 L0.751702536,5.801789 L0.0588082339,6.508824 L0.758808596,7.208825 L5.6588086,12.108825 L7.07302216,10.694611 L2.96591535,6.508824 L7.08012822,2.201647 Z" id="arrow-left-black" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 903 B

6
public/assets/images/icons/arrow-right.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="7px" height="13px" viewBox="0 0 7 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>arrow-right</title> <title>arrow-right</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="arrow-right" sketch:type="MSArtboardGroup" fill="#50E3C2"> <g id="arrow-right" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M8.34695201,6.2034625 C8.02653159,6.44377782 7.70611117,6.78021926 7.3536487,7.16472377 L5.11070574,9.59991898 L6.18411416,10.5131172 L10.6700001,5.51455859 L6.18411416,0.516 L5.11070574,1.4291982 L7.24150155,3.73622525 C7.6580481,4.20083486 7.99448955,4.56931835 8.34695201,4.82565469 L8.33093099,4.87371775 L0,4.87371775 L0,6.15539944 L8.33093099,6.15539944 L8.34695201,6.2034625 Z" sketch:type="MSShapeGroup"></path> <path d="M0,10.700142 L1.42842564,12.1 L6.32842564,7.1 L7.02131994,6.392965 L6.32131964,5.692964 L1.42131964,0.792964001 L0.00710606,2.207178 L4.21421294,6.392965 L0,10.700142 Z" id="arrow-right-black" sketch:type="MSShapeGroup"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 879 B

12
public/assets/images/icons/arrow-up.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="13px" height="7px" viewBox="0 0 13 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>arrow-up</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="arrow-up" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M10.064178,-0.76432 L8.63575201,-2.164178 L3.73575201,2.835822 L3.04285801,3.542857 L3.74285801,4.242858 L8.64285801,9.142858 L10.057072,7.728644 L5.94996501,3.542857 L10.064178,-0.76432 Z" sketch:type="MSShapeGroup" transform="translate(6.553518, 3.489340) rotate(90.000000) translate(-6.553518, -3.489340) "></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 963 B

2
public/assets/images/icons/clock.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>clock</title> <title>clock</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

2
public/assets/images/icons/close.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>close</title> <title>close</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
public/assets/images/icons/cloud.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>cloud</title> <title>cloud</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

2
public/assets/images/icons/cog.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>cog</title> <title>cog</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

2
public/assets/images/icons/dashboard.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>dashboard</title> <title>dashboard</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

12
public/assets/images/icons/diagonal-cross.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="13px" height="13px" viewBox="0 0 13 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>diagonal-cross</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="diagonal-cross" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M12.6663841,0.28865483 C13.0558655,0.675431849 13.058059,1.30471414 12.671281,1.69419648 L7.88222671,6.51674071 L12.6656517,11.3001651 C13.0537833,11.6882977 13.0537833,12.317584 12.6656517,12.7057157 C12.277519,13.0938473 11.6482327,13.0938473 11.2601011,12.7057157 L6.48157393,7.92718812 L1.73866673,12.7032628 C1.35188952,13.0927441 0.722607032,13.0949376 0.333125085,12.7081596 C-0.0563568607,12.3213826 -0.0585494462,11.6921003 0.328227771,11.302618 L5.07601518,6.52162958 L0.251034866,1.69664936 C-0.137097101,1.30851769 -0.137097101,0.679231429 0.251034866,0.291098767 C0.639166733,-0.0970329023 1.268453,-0.0970329023 1.65658496,0.291098767 L6.47666797,5.11118217 L11.2608425,0.293551648 C11.6476195,-0.0959297021 12.2769018,-0.0981221883 12.6663841,0.28865483 Z" id="close" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

6
public/assets/images/icons/mail.svg → public/assets/images/icons/email.svg
View file

@ -1,11 +1,11 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>mail</title> <title>email</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="mail" sketch:type="MSArtboardGroup" fill="#50E3C2"> <g id="email" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M11.324675,9 L8.5,11.592593 L5.675325,9 L1,14 L16,14 L11.324675,9 L11.324675,9 Z M17,4 L12,8.591837 L17,14 L17,4 L17,4 Z M0,4 L0,14 L5,8.646465 L0,4 L0,4 Z M17,3 L0,3 L8.449102,10 L17,3 L17,3 Z" id="email-channel-white" sketch:type="MSShapeGroup"></path> <path d="M11.324675,9 L8.5,11.592593 L5.675325,9 L1,14 L16,14 L11.324675,9 L11.324675,9 Z M17,4 L12,8.591837 L17,14 L17,4 L17,4 Z M0,4 L0,14 L5,8.646465 L0,4 L0,4 Z M17,3 L0,3 L8.449102,10 L17,3 L17,3 Z" id="email-channel-white" sketch:type="MSShapeGroup"></path>
</g> </g>
</g> </g>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 892 B

After

Width:  |  Height:  |  Size: 896 B

2
public/assets/images/icons/facebook.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>facebook</title> <title>facebook</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

2
public/assets/images/icons/group.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>group</title> <title>group</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3 KiB

After

Width:  |  Height:  |  Size: 3 KiB

2
public/assets/images/icons/important.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>important</title> <title>important</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

2
public/assets/images/icons/in-process.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="64px" height="64px" viewBox="0 0 64 64" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>in-process</title> <title>in-process</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

2
public/assets/images/icons/list.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>list</title> <title>list</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

12
public/assets/images/icons/lock-open.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>lock-open</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="lock-open" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M5.4077632,7 L12.0044225,7 C12.555163,7 13,7.446386 13,7.99703 L13,14.00297 C13,14.546964 12.5542648,15 12.0044225,15 L2.9955775,15 C2.444837,15 2,14.553614 2,14.00297 L2,7.99703 C2,7.453036 2.4457352,7 2.9955775,7 L4.0128452,7 L4.0128452,4.210526 L4.0182579,4.315236 C4.0146936,4.27948 4.0117872,4.243843 4.0086952,4.18969 C3.9740043,3.582096 4.0383141,2.880691 4.288829,2.188943 C4.782181,0.82665 5.8518862,0 7.4996474,0 C9.147359,0 10.2171616,0.826578 10.7107881,2.188763 C10.9615254,2.880684 11.0259563,3.582243 10.991349,4.189828 C10.9882738,4.243818 10.9853834,4.279341 10.981836,4.315007 L10.987225,4.210526 L10.987225,5.894737 L9.592307,5.894737 L9.592307,4.210526 L9.5976961,4.106046 C9.5970325,4.113866 9.5984676,4.096228 9.599718,4.074275 C9.6202475,3.713847 9.5793057,3.26805 9.4328388,2.863868 C9.1635634,2.12079 8.5985181,1.684211 7.4996473,1.684211 C6.4008258,1.68421 5.8359739,2.120718 5.5669088,2.863688 C5.4205913,3.267715 5.379729,3.713387 5.4003105,4.073861 C5.4015696,4.095913 5.4030141,4.113625 5.4023505,4.105817 L5.4077632,4.210526 L5.4077632,7 L5.4077632,7 Z" id="public" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

12
public/assets/images/icons/lock.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>lock</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="lock" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M2.9955775,7 C2.4457352,7 2,7.453036 2,7.99703 L2,14.00297 C2,14.553614 2.444837,15 2.9955775,15 L12.0044225,15 C12.5542648,15 13,14.546964 13,14.00297 L13,7.99703 C13,7.446386 12.555163,7 12.0044225,7 L2.9955775,7 L2.9955775,7 Z M5.4077632,5.571429 L5.4023505,5.482613 C5.4030141,5.489235 5.4015696,5.474212 5.4003105,5.455507 C5.379729,5.149748 5.4205913,4.771722 5.5669088,4.429021 C5.8359739,3.798824 6.4008258,3.428571 7.4996473,3.428571 C8.5985181,3.428572 9.1635634,3.798885 9.4328388,4.429174 C9.5793057,4.772007 9.6202475,5.150138 9.599718,5.455859 C9.5984676,5.474479 9.5970325,5.489439 9.5976961,5.482806 L9.592307,5.571429 L9.592307,7 L10.987225,7 L10.987225,5.571429 L10.981836,5.660051 C10.9853834,5.629798 10.9882738,5.599667 10.991349,5.553872 C11.0259563,5.038509 10.9615254,4.443438 10.7107881,3.85654 C10.2171616,2.701116 9.147359,2 7.4996474,2 C5.8518862,2 4.782181,2.701176 4.288829,3.856693 C4.0383141,4.443443 3.9740043,5.038385 4.0086952,5.553755 C4.0117872,5.599689 4.0146936,5.629916 4.0182579,5.660245 L4.0128452,5.571429 L4.0128452,7 L5.4077632,7 L5.4077632,5.571429 L5.4077632,5.571429 Z" id="internal" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

2
public/assets/images/icons/logo.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="42px" height="36px" viewBox="0 0 42 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="42px" height="36px" viewBox="0 0 42 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>logo</title> <title>logo</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

12
public/assets/images/icons/long-arrow-right.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="11px" height="11px" viewBox="0 0 11 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>long-arrow-right</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="long-arrow-right" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M8.34695201,6.2034625 C8.02653159,6.44377782 7.70611117,6.78021926 7.3536487,7.16472377 L5.11070574,9.59991898 L6.18411416,10.5131172 L10.6700001,5.51455859 L6.18411416,0.516 L5.11070574,1.4291982 L7.24150155,3.73622525 C7.6580481,4.20083486 7.99448955,4.56931835 8.34695201,4.82565469 L8.33093099,4.87371775 L0,4.87371775 L0,6.15539944 L8.33093099,6.15539944 L8.34695201,6.2034625 Z" id="arrow-right" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

2
public/assets/images/icons/magnifier.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>magnifier</title> <title>magnifier</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

12
public/assets/images/icons/marker.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>marker</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="marker" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M7.377737,14.166339 L11.524039,2.256174 L6.861887,-5.68434189e-14 C6.861887,-5.68434189e-14 1.995307,8.101615 0.532146,10.848815 L7.377737,14.166339 L7.377737,14.166339 Z M7.068636,14.760567 C6.69432,15.206206 5.795208,16.07934 4.717791,15.743287 C3.293088,15.298914 3.706642,15.378784 3.706642,15.378784 L3.404616,16.109371 L0.848534,15.027282 L1.391268,14.169006 C1.391268,14.169006 -0.62314,13.589062 0.205748,11.516144 L7.068636,14.760567 L7.068636,14.760567 Z M0.755887,16.003389 L0,17.837016 L2.781939,18.135872 L3.248109,17.229168 L0.755887,16.003389 L0.755887,16.003389 Z M0.119967,18.34136 L16.856531,18.34136 L16.856531,18.800719 L0.119967,18.800719 L0.119967,18.34136 L0.119967,18.34136 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

2
public/assets/images/icons/message.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>message</title> <title>message</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

2
public/assets/images/icons/mood-bad.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>mood-bad</title> <title>mood-bad</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

6
public/assets/images/icons/mood-happy.svg → public/assets/images/icons/mood-good.svg
View file

@ -1,11 +1,11 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>mood-happy</title> <title>mood-good</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="mood-happy" sketch:type="MSArtboardGroup" fill="#A9AC41"> <g id="mood-good" sketch:type="MSArtboardGroup" fill="#A9AC41">
<path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M18.780981,20.33617 C16.343481,20.33617 14.405981,18.32766 14.405981,15.942553 C14.405981,13.494681 16.405981,11.548936 18.780981,11.548936 C21.218481,11.548936 23.155981,13.557447 23.155981,15.942553 C23.218481,18.32766 21.218481,20.33617 18.780981,20.33617 L18.780981,20.33617 L18.780981,20.33617 Z M46.343481,15.942553 C46.343481,18.390425 44.343481,20.33617 41.968481,20.33617 C39.530981,20.33617 37.593481,18.32766 37.593481,15.942553 C37.593481,13.494681 39.593481,11.548936 41.968481,11.548936 C44.343481,11.48617 46.343481,13.494681 46.343481,15.942553 L46.343481,15.942553 L46.343481,15.942553 Z M38.093481,27.303191 C38.593481,27.742553 38.655981,28.558511 38.155981,29.060638 C36.093481,31.320213 33.218481,32.575532 30.155981,32.575532 C27.093481,32.575532 24.218481,31.320213 22.155981,29.060638 C21.718481,28.558511 21.718481,27.742553 22.218481,27.303191 C22.718481,26.86383 23.530981,26.86383 23.968481,27.365957 C25.593481,29.123404 27.718481,30.064894 30.093481,30.064894 C32.405981,30.064894 34.655981,29.060638 36.218481,27.365957 C36.780981,26.86383 37.593481,26.86383 38.093481,27.303191 L38.093481,27.303191 L38.093481,27.303191 Z" id="happy" sketch:type="MSShapeGroup"></path> <path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M18.780981,20.33617 C16.343481,20.33617 14.405981,18.32766 14.405981,15.942553 C14.405981,13.494681 16.405981,11.548936 18.780981,11.548936 C21.218481,11.548936 23.155981,13.557447 23.155981,15.942553 C23.218481,18.32766 21.218481,20.33617 18.780981,20.33617 L18.780981,20.33617 L18.780981,20.33617 Z M46.343481,15.942553 C46.343481,18.390425 44.343481,20.33617 41.968481,20.33617 C39.530981,20.33617 37.593481,18.32766 37.593481,15.942553 C37.593481,13.494681 39.593481,11.548936 41.968481,11.548936 C44.343481,11.48617 46.343481,13.494681 46.343481,15.942553 L46.343481,15.942553 L46.343481,15.942553 Z M38.093481,27.303191 C38.593481,27.742553 38.655981,28.558511 38.155981,29.060638 C36.093481,31.320213 33.218481,32.575532 30.155981,32.575532 C27.093481,32.575532 24.218481,31.320213 22.155981,29.060638 C21.718481,28.558511 21.718481,27.742553 22.218481,27.303191 C22.718481,26.86383 23.530981,26.86383 23.968481,27.365957 C25.593481,29.123404 27.718481,30.064894 30.093481,30.064894 C32.405981,30.064894 34.655981,29.060638 36.218481,27.365957 C36.780981,26.86383 37.593481,26.86383 38.093481,27.303191 L38.093481,27.303191 L38.093481,27.303191 Z" id="happy" sketch:type="MSShapeGroup"></path>
</g> </g>
</g> </g>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

2
public/assets/images/icons/mood-ok.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>mood-ok</title> <title>mood-ok</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

2
public/assets/images/icons/mood-super-bad.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>mood-super-bad</title> <title>mood-super-bad</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

6
public/assets/images/icons/mood-super-happy.svg → public/assets/images/icons/mood-supergood.svg
View file

@ -1,11 +1,11 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="60px" height="59px" viewBox="0 0 60 59" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>mood-super-happy</title> <title>mood-supergood</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="mood-super-happy" sketch:type="MSArtboardGroup" fill="#38AE6A"> <g id="mood-supergood" sketch:type="MSArtboardGroup" fill="#38AE6A">
<path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M40.6,21 C40.6,25.9079759 35.9058824,31 30.1,31 C24.2941176,31 19.6,25.9079759 19.6,21 L40.6,21 Z M23.440835,15.691489 L13.440835,15.691489 C12.753335,15.691489 12.190835,15.126596 12.190835,14.43617 C12.190835,13.745745 12.753335,13.180851 13.440835,13.180851 L14.065835,13.180851 C14.440835,10.230851 16.253335,8.787234 18.378335,8.787234 C20.503335,8.787234 22.315835,10.293617 22.690835,13.180851 L23.440835,13.180851 C24.128335,13.180851 24.690835,13.745745 24.690835,14.43617 C24.690835,15.126596 24.128335,15.691489 23.440835,15.691489 L23.440835,15.691489 L23.440835,15.691489 Z M47.815835,14.43617 C47.815835,15.126596 47.253335,15.691489 46.565835,15.691489 L36.565835,15.691489 C35.878335,15.691489 35.315835,15.126596 35.315835,14.43617 C35.315835,13.745745 35.878335,13.180851 36.565835,13.180851 L37.190835,13.180851 C37.565835,10.230851 39.378335,8.787234 41.503335,8.787234 C43.628335,8.787234 45.440835,10.293617 45.815835,13.180851 L46.565835,13.180851 C47.253335,13.180851 47.815835,13.745745 47.815835,14.43617 L47.815835,14.43617 L47.815835,14.43617 Z" id="super-happy" sketch:type="MSShapeGroup"></path> <path d="M60,5.107871 C60,4.288089 59.937695,3.531367 59.813084,2.711585 C59.563863,1.135082 58.753894,0.315301 57.133956,0.12612 C56.573209,0.06306 55.950156,0 55.389408,0 L4.672897,0 C3.862928,0 3.115265,0.12612 2.305296,0.252241 C1.121495,0.441421 0.436137,1.261202 0.186916,2.459345 C0.062305,3.216067 0,3.909727 0,4.66645 L0,38.592798 L0,39.538699 C0.124611,42.061105 1.05919,43.007006 3.551402,43.007006 C6.853583,43.070067 10.280374,43.070067 13.582555,43.070067 C14.267913,43.070067 15.327103,43.133127 15.327103,43.133127 L15.327103,44.205149 C15.327103,48.367117 15.451713,52.529085 15.514019,56.691054 C15.514019,57.510835 15.576324,58.456737 16.510903,58.898158 C17.445483,59.276519 18.006231,58.519797 18.566978,57.952256 C23.738318,53.159687 28.847352,48.430177 34.018692,43.700667 C34.517134,43.259247 34.953271,43.133127 35.576324,43.133127 L54.517134,43.133127 C55.327103,43.133127 56.074766,43.070067 56.884735,43.007006 C58.753894,42.817826 59.563863,42.124164 59.813084,40.232361 C59.875389,39.664819 59.937695,39.034219 59.937695,38.466677 C60,27.368094 60,16.269513 60,5.107871 L60,5.107871 L60,5.107871 Z M40.6,21 C40.6,25.9079759 35.9058824,31 30.1,31 C24.2941176,31 19.6,25.9079759 19.6,21 L40.6,21 Z M23.440835,15.691489 L13.440835,15.691489 C12.753335,15.691489 12.190835,15.126596 12.190835,14.43617 C12.190835,13.745745 12.753335,13.180851 13.440835,13.180851 L14.065835,13.180851 C14.440835,10.230851 16.253335,8.787234 18.378335,8.787234 C20.503335,8.787234 22.315835,10.293617 22.690835,13.180851 L23.440835,13.180851 C24.128335,13.180851 24.690835,13.745745 24.690835,14.43617 C24.690835,15.126596 24.128335,15.691489 23.440835,15.691489 L23.440835,15.691489 L23.440835,15.691489 Z M47.815835,14.43617 C47.815835,15.126596 47.253335,15.691489 46.565835,15.691489 L36.565835,15.691489 C35.878335,15.691489 35.315835,15.126596 35.315835,14.43617 C35.315835,13.745745 35.878335,13.180851 36.565835,13.180851 L37.190835,13.180851 C37.565835,10.230851 39.378335,8.787234 41.503335,8.787234 C43.628335,8.787234 45.440835,10.293617 45.815835,13.180851 L46.565835,13.180851 C47.253335,13.180851 47.815835,13.745745 47.815835,14.43617 L47.815835,14.43617 L47.815835,14.43617 Z" id="super-happy" sketch:type="MSShapeGroup"></path>
</g> </g>
</g> </g>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

2
public/assets/images/icons/note.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="17px" height="16px" viewBox="0 0 17 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>note</title> <title>note</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
public/assets/images/icons/one-ticket.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="48px" height="10px" viewBox="0 0 48 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="48px" height="10px" viewBox="0 0 48 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>one-ticket</title> <title>one-ticket</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 877 B

After

Width:  |  Height:  |  Size: 879 B

2
public/assets/images/icons/organization.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>organization</title> <title>organization</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

2
public/assets/images/icons/outbound-calls.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>outbound-calls</title> <title>outbound-calls</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

2
public/assets/images/icons/overviews.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>overviews</title> <title>overviews</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

2
public/assets/images/icons/package.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>package</title> <title>package</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

2
public/assets/images/icons/pen.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>pen</title> <title>pen</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
public/assets/images/icons/person.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>person</title> <title>person</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

2
public/assets/images/icons/phone.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>phone</title> <title>phone</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

6
public/assets/images/icons/plus.svg
View file

@ -1,12 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>plus</title> <title>plus</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="plus" sketch:type="MSArtboardGroup" fill="#50E3C2"> <g id="plus" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M10,1 L10,0 L9,0 L8,0 L7,0 L7,1 L7,7 L1,7 L0,7 L0,8 L0,9 L0,10 L1,10 L7,10 L7,16 L7,17 L8,17 L9,17 L10,17 L10,16 L10,10 L16,10 L17,10 L17,9 L17,8 L17,7 L16,7 L10,7 L10,1 Z" id="Shape" sketch:type="MSShapeGroup"></path> <path d="M12,2 L12,1 L11,1 L10,1 L9,1 L9,2 L9,8 L3,8 L2,8 L2,9 L2,10 L2,11 L3,11 L9,11 L9,17 L9,18 L10,18 L11,18 L12,18 L12,17 L12,11 L18,11 L19,11 L19,10 L19,9 L19,8 L18,8 L12,8 L12,2 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 856 B

After

Width:  |  Height:  |  Size: 864 B

2
public/assets/images/icons/priority-modified-inner-circle.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>priority-modified-inner-circle</title> <title>priority-modified-inner-circle</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 757 B

After

Width:  |  Height:  |  Size: 759 B

2
public/assets/images/icons/priority-modified-outer-circle.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>priority-modified-outer-circle</title> <title>priority-modified-outer-circle</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,009 B

After

Width:  |  Height:  |  Size: 1,011 B

2
public/assets/images/icons/priority.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>priority</title> <title>priority</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 953 B

After

Width:  |  Height:  |  Size: 955 B

2
public/assets/images/icons/received-calls.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>received-calls</title> <title>received-calls</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

2
public/assets/images/icons/reopening.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="68px" height="47px" viewBox="0 0 68 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="68px" height="47px" viewBox="0 0 68 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>reopening</title> <title>reopening</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

12
public/assets/images/icons/reply-all.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>reply-all</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="reply-all" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M6.26086953,7.95466426 L6.26086953,9.22626231 L-3.90260215e-16,5.12121212 L6.26086953,1 L6.26086953,2.27660444 L1.93939394,5.12121212 L6.26086953,7.95466426 L6.26086953,7.95466426 Z M10.1396574,6.67272727 C12.4842629,6.67272727 14.3861807,9.03232291 14.3861807,11.3434347 C14.3861807,13.6707074 12.4842629,15.5454546 10.1396574,15.5454546 C13.6483677,15.5454546 16,12.7494953 16,9.27474716 C16,5.81616194 13.6483677,3.50505019 10.1396574,3.50505019 L10.1396574,1 L3.87878788,5.12121212 L10.1396574,9.22626231 L10.1396574,6.67272727 Z" id="reply" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

12
public/assets/images/icons/reply.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>reply</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="reply" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M8.13965741,6.67272727 C10.4842629,6.67272727 12.3861807,9.03232291 12.3861807,11.3434347 C12.3861807,13.6707074 10.4842629,15.5454546 8.13965741,15.5454546 C11.6483677,15.5454546 14,12.7494953 14,9.27474716 C14,5.81616194 11.6483677,3.50505019 8.13965741,3.50505019 L8.13965741,1 L1.87878788,5.12121212 L8.13965741,9.22626231 L8.13965741,6.67272727 Z" id="reply-path" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

2
public/assets/images/icons/signout.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="15px" height="19px" viewBox="0 0 15 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="15px" height="19px" viewBox="0 0 15 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>signout</title> <title>signout</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 910 B

After

Width:  |  Height:  |  Size: 912 B

12
public/assets/images/icons/split.svg Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>split</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="split" sketch:type="MSArtboardGroup" fill="#50E3C2">
<path d="M2,12 C2.00000017,9.77255378 2.70611078,8.64044 4.44274599,7.21806489 C4.41024816,7.24468267 4.76798133,6.95277156 4.86223813,6.87472533 C6.4156106,5.58851644 7.00000005,4.51402489 7,2 L7,2 L9,2 C9.00000009,4.51402489 9.58438951,5.58851556 11.1377619,6.87472533 C11.2320188,6.95277067 11.5897519,7.24468267 11.5572541,7.21806489 C13.2938892,8.64044 13.9999999,9.77255378 14,12 L14.0000001,12 L10,12 L13,15.3333333 L16,12 L14,12 L12,12 C11.9999999,10.4739262 11.607247,9.84422133 10.2899828,8.765328 C10.3277604,8.79626933 9.96299413,8.49861956 9.86223813,8.41519289 C8.94522347,7.65589422 8.26441875,6.90252356 7.79738232,6 L8.20261788,6 C7.73558144,6.90252444 7.0547766,7.65589422 6.13776187,8.41519289 C6.03700589,8.49861956 5.67223971,8.79627022 5.71001736,8.76532889 C4.39275298,9.84422133 4.0000001,10.4739262 4,12 L2,12 L6,12 L3,15.3333333 L0,12 L1.99999994,12 L2,12 L2,12 Z" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

2
public/assets/images/icons/stopwatch.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="77px" height="83px" viewBox="0 0 77 83" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="77px" height="83px" viewBox="0 0 77 83" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>stopwatch</title> <title>stopwatch</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

2
public/assets/images/icons/switchView.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="19px" height="18px" viewBox="0 0 19 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>switchView</title> <title>switchView</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

2
public/assets/images/icons/team.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>team</title> <title>team</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

2
public/assets/images/icons/templates.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>templates</title> <title>templates</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

2
public/assets/images/icons/tools.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>tools</title> <title>tools</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

2
public/assets/images/icons/total-tickets.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="48px" height="83px" viewBox="0 0 48 83" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="48px" height="83px" viewBox="0 0 48 83" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>total-tickets</title> <title>total-tickets</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

2
public/assets/images/icons/twitter.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>twitter</title> <title>twitter</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

2
public/assets/images/icons/user.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3 (11970) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>user</title> <title>user</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB