From 6d0b17988f2e3d872b7c369bfd365e727ae8f9c4 Mon Sep 17 00:00:00 2001 From: Martin Edenhofer Date: Fri, 25 Jul 2014 17:19:48 +0200 Subject: [PATCH] First try of svg and new icons. --- app/assets/images/sprite.svg | 266 +++++++++++------- .../controllers/agent_ticket_create.js.coffee | 1 + app/assets/stylesheets/zzz.css.erb | 21 ++ 3 files changed, 188 insertions(+), 100 deletions(-) diff --git a/app/assets/images/sprite.svg b/app/assets/images/sprite.svg index b7472ce19..28a854111 100644 --- a/app/assets/images/sprite.svg +++ b/app/assets/images/sprite.svg @@ -1,109 +1,175 @@ + sprite - Created with Sketch (http://www.bohemiancoding.com/sketch) + Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee b/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee index 5e3ffb0f3..805efa59d 100644 --- a/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee +++ b/app/assets/javascripts/app/controllers/agent_ticket_create.js.coffee @@ -65,6 +65,7 @@ class App.TicketCreate extends App.Controller head: text title: text id: @type + iconClass: 'pen' url: => '#ticket/create/' + @type + '/id/' + @id diff --git a/app/assets/stylesheets/zzz.css.erb b/app/assets/stylesheets/zzz.css.erb index 092c37be3..227f2b98f 100644 --- a/app/assets/stylesheets/zzz.css.erb +++ b/app/assets/stylesheets/zzz.css.erb @@ -947,6 +947,27 @@ ol.tabs li { background-position: -14px -128px; } + .note.icon { + height: 13px; + width: 14px; + background-position: -28px -115px; + } + .icon-switch:hover .note.icon, + .task.active .note.icon { + background-position: -28px -128px; + } + + .pen.icon { + height: 13px; + width: 14px; + background-position: -42px -115px; + } + .icon-switch:hover .pen.icon, + .task.active .pen.icon { + background-position: -42px -128px; + } + + .channel.icon { width: 17px; height: 16px;