clean up icons

olivergrahl · May 26, 2015 · 0593ee2 · 0593ee2
1 parent cd23ba8
commit 0593ee2
Show file tree

Hide file tree

Showing 5 changed files with 103 additions and 602 deletions.
diff --git a/app/assets/javascripts/app/views/navigation.jst.eco b/app/assets/javascripts/app/views/navigation.jst.eco
@@ -1,9 +1,9 @@
-<form class="search horizontal">
-  <div class="search-holder flex">
+<form class="search">
+  <div class="search-holder">
     <input id="global-search" type="search" autocomplete="off">
-    <svg class="magnifier icon"><use xlink:href="#icon-magnifier" /></svg>
+    <svg class="icon-magnifier"><use xlink:href="#icon-magnifier" /></svg>
     <div class="empty-search">
-      <svg class="close icon"><use xlink:href="#icon-close" /></svg>
+      <svg class="icon-close"><use xlink:href="#icon-close" /></svg>
     </div>
   </div>
   <svg class="icon-logo js-toggleNavigation"><use xlink:href="#icon-logo" /></svg>
@@ -12,10 +12,10 @@
 
 <ul class="main-navigation"></ul>
 
-<div class="tasks tasks-navigation flex"></div>
+<div class="tasks tasks-navigation"></div>
 
 <% if !_.isEmpty(@user): %>
   <!--<a href="#bell" class="glyphicon glyphicon-bell"></a>-->
 
-  <ul class="user-menu horizontal stretch navbar-items-personal"></ul>
+  <ul class="user-menu navbar-items-personal"></ul>
 <% end %>
diff --git a/app/assets/javascripts/app/views/navigation/personal.jst.eco b/app/assets/javascripts/app/views/navigation/personal.jst.eco
@@ -21,7 +21,7 @@
             <a href="<%= item.target %>" class="horizontal center">
               <span class="flex u-textTruncate"><%- @T( item.name ) %></span>
               <% if item['count'] isnt undefined: %><span class="badge count"><%= item['count'] %></span><% end %>
-              <% if item.iconClass: %><svg class="<%= item.iconClass %> icon"><use xlink:href="#icon-<%= item.iconClass %>" /></svg><% end %>
+              <% if item.iconClass: %><svg class="icon-<%= item.iconClass %>"><use xlink:href="#icon-<%= item.iconClass %>" /></svg><% end %>
             </a>
           </li>
         <% end %>

diff --git a/app/assets/stylesheets/svg-dimensions.css b/app/assets/stylesheets/svg-dimensions.css
@@ -1 +1,64 @@
-.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-checkbox-checked { width: 10px; height: 10px; } .icon-checkbox { width: 10px; height: 10px; } .icon-checkmark { width: 16px; height: 14px; } .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-download { width: 14px; height: 13px; } .icon-email { width: 17px; height: 17px; } .icon-facebook { width: 17px; height: 17px; } .icon-group { width: 24px; height: 24px; } .icon-help { width: 16px; height: 16px; } .icon-important { width: 16px; height: 16px; } .icon-in-process { width: 64px; height: 64px; } .icon-list { width: 16px; height: 16px; } .icon-loading { 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-paperclip { width: 31px; height: 28px; } .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-radio-checked { width: 11px; height: 11px; } .icon-radio { width: 11px; height: 11px; } .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; }
+.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-checkbox-checked { width: 10px; height: 10px; }
+.icon-checkbox { width: 10px; height: 10px; }
+.icon-checkmark { width: 16px; height: 14px; }
+.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-download { width: 14px; height: 13px; }
+.icon-email { width: 17px; height: 17px; }
+.icon-facebook { width: 17px; height: 17px; }
+.icon-group { width: 24px; height: 24px; }
+.icon-help { width: 16px; height: 16px; }
+.icon-important { width: 16px; height: 16px; }
+.icon-in-process { width: 64px; height: 64px; }
+.icon-list { width: 16px; height: 16px; }
+.icon-loading { 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-paperclip { width: 31px; height: 28px; }
+.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-radio-checked { width: 11px; height: 11px; }
+.icon-radio { width: 11px; height: 11px; }
+.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; }