Project

General

Profile

Download (29.8 KB)

Feature #23980 » 0001-Replace-icon-images-with-inline-SVG-icons.patch

Marius BĂLTEANU, 2021-10-10 20:16

View differences:

app/controllers/application_controller.rb
28 28 
  include Redmine::Hook::Helper
29 29 
  include RoutesHelper
30 30 
  include AvatarsHelper
31 
  include IconsHelper
31 32 

  		




  32
  33
  
    
  helper :routes

  		




  33
  34
  
    
  helper :avatars

  		




  
  35
  
    
  helper :icons

  		




  34
  36
  
    

  		




  35
  37
  
    
  class_attribute :accept_api_auth_actions

  		




  36
  38
  
    
  class_attribute :accept_rss_auth_actions

  		












  

    
      app/helpers/application_helper.rb
    
  





  126
  126
  
    
  # * :download - Force download (default: false)

  		




  127
  127
  
    
  def link_to_attachment(attachment, options={})

  		




  128
  128
  
    
    text = options.delete(:text) || attachment.filename

  		




  
  129
  
    
    icon = 'paperclip'

  		




  
  130
  
    
    icon_only = false

  		




  
  131
  
    

  		




  129
  132
  
    
    if options.delete(:download)

  		




  130
  133
  
    
      route_method = :download_named_attachment_url

  		




  131
  134
  
    
      options[:filename] = attachment.filename

  		




  
  135
  
    
      icon = 'download'

  		




  
  136
  
    
      icon_only = true

  		




  132
  137
  
    
    else

  		




  133
  138
  
    
      route_method = :attachment_url

  		




  134
  139
  
    
      # make sure we don't have an extraneous :filename in the options

  		




  ......




  137
  142
  
    
    html_options = options.slice!(:only_path, :filename)

  		




  138
  143
  
    
    options[:only_path] = true unless options.key?(:only_path)

  		




  139
  144
  
    
    url = send(route_method, attachment, options)

  		




  140
  
  
    
    link_to text, url, html_options

  		




  
  145
  
    
    link_to labeled_icon(text, icon, icon_only: icon_only, size: 12), url, html_options

  		




  141
  146
  
    
  end

  		




  142
  147
  
    

  		




  143
  148
  
    
  # Generates a link to a SCM revision

  		




  ......




  797
  802
  
    
    content = capture(&block)

  		




  798
  803
  
    
    if content.present?

  		




  799
  804
  
    
      trigger =

  		




  800
  
  
    
        content_tag('span', l(:button_actions), :class => 'icon-only icon-actions',

  		




  
  805
  
    
        content_tag('span', labeled_icon(l(:button_actions), 'ellipsis-h', icon_only: true), :class => 'icon icon-actions icon-svg',

  		




  801
  806
  
    
                    :title => l(:button_actions))

  		




  802
  807
  
    
      trigger = content_tag('span', trigger, :class => 'drdn-trigger')

  		




  803
  808
  
    
      content = content_tag('div', content, :class => 'drdn-items')

  		




  ......




  1832
  1837
  
    

  		




  1833
  1838
  
    
  def copy_object_url_link(url)

  		




  1834
  1839
  
    
    link_to_function(

  		




  1835
  
  
    
      l(:button_copy_link), 'copyTextToClipboard(this);',

  		




  1836
  
  
    
      class: 'icon icon-copy-link',

  		




  
  1840
  
    
      labeled_icon(l(:button_copy_link), 'link'), 'copyTextToClipboard(this);',

  		




  
  1841
  
    
      class: 'icon icon-copy-link icon-svg',

  		




  1837
  1842
  
    
      data: {'clipboard-text' => url}

  		




  1838
  1843
  
    
    )

  		




  1839
  1844
  
    
  end

  		












  

    
      app/helpers/icons_helper.rb
    
  





  
  1
  
    
# frozen_string_literal: true

  		




  
  2
  
    

  		




  
  3
  
    
module IconsHelper

  		




  
  4
  
    
  DEFAULT_ICON_SIZE = 14

  		




  
  5
  
    
  DEFAULT_ICON_PATH = 'public/svgs'

  		




  
  6
  
    

  		




  
  7
  
    
  def labeled_icon(label, icon_name = nil, size: DEFAULT_ICON_SIZE, css_class: nil, icon_only: false, path: DEFAULT_ICON_PATH)

  		




  
  8
  
    
    css_classes = []

  		




  
  9
  
    
    css_classes << "s#{size}" if size

  		




  
  10
  
    
    css_classes << "#{css_class}" unless css_class.blank?

  		




  
  11
  
    

  		




  
  12
  
    
    svg = svg_file(icon_name, css_classes, path)

  		




  
  13
  
    

  		




  
  14
  
    
    if icon_only

  		




  
  15
  
    
      svg

  		




  
  16
  
    
    else

  		




  
  17
  
    
      svg + label

  		




  
  18
  
    
    end

  		




  
  19
  
    
  end

  		




  
  20
  
    

  		




  
  21
  
    
  private

  		




  
  22
  
    

  		




  
  23
  
    
  def svg_file(icon, css_class, path)

  		




  
  24
  
    
    file_path = "#{Rails.root}/#{path}/#{icon}.svg"

  		




  
  25
  
    

  		




  
  26
  
    
    if File.exists?(file_path)

  		




  
  27
  
    
      # cache { File.read(file_path).html_safe }

  		




  
  28
  
    
      file = File.read(file_path)

  		




  
  29
  
    

  		




  
  30
  
    
      doc = Nokogiri::HTML::DocumentFragment.parse file

  		




  
  31
  
    
      svg = doc.at_css 'svg'

  		




  
  32
  
    
      svg["class"] = css_class.join(' ')

  		




  
  33
  
    
    else

  		




  
  34
  
    
      doc = "<!-- SVG #{icon} not found -->"

  		




  
  35
  
    
    end

  		




  
  36
  
    

  		




  
  37
  
    
    raw doc

  		




  
  38
  
    
  end

  		




  
  39
  
    
end

  		












  

    
      app/helpers/journals_helper.rb
    
  





  34
  34
  
    
    dropbown_links << copy_object_url_link(issue_url(issue, anchor: "note-#{indice}", only_path: false))

  		




  35
  35
  
    
    if journal.notes.present?

  		




  36
  36
  
    
      if options[:reply_links]

  		




  37
  
  
    
        links << link_to(l(:button_quote),

  		




  
  37
  
    
        links << link_to(labeled_icon(l(:button_quote), 'quote-left', icon_only: true),

  		




  38
  38
  
    
                         quoted_issue_path(issue, :journal_id => journal, :journal_indice => indice),

  		




  39
  39
  
    
                         :remote => true,

  		




  40
  40
  
    
                         :method => 'post',

  		




  41
  41
  
    
                         :title => l(:button_quote),

  		




  42
  
  
    
                         :class => 'icon-only icon-comment'

  		




  
  42
  
    
                         :class => 'icon-only icon-comment icon-svg'

  		




  43
  43
  
    
                        )

  		




  44
  44
  
    
      end

  		




  45
  45
  
    
      if journal.editable_by?(User.current)

  		




  46
  
  
    
        links << link_to(l(:button_edit),

  		




  
  46
  
    
        links << link_to(labeled_icon(l(:button_edit), 'pen-alt', icon_only: true),

  		




  47
  47
  
    
                         edit_journal_path(journal),

  		




  48
  48
  
    
                         :remote => true,

  		




  49
  49
  
    
                         :method => 'get',

  		




  50
  50
  
    
                         :title => l(:button_edit),

  		




  51
  
  
    
                         :class => 'icon-only icon-edit'

  		




  
  51
  
    
                         :class => 'icon-only icon-edit icon-svg'

  		




  52
  52
  
    
                        )

  		




  53
  
  
    
        dropbown_links << link_to(l(:button_delete),

  		




  
  53
  
    
        dropbown_links << link_to(labeled_icon(l(:button_delete), 'trash-alt'),

  		




  54
  54
  
    
                                  journal_path(journal, :journal => {:notes => ""}),

  		




  55
  55
  
    
                                  :remote => true,

  		




  56
  56
  
    
                                  :method => 'put', :data => {:confirm => l(:text_are_you_sure)},

  		




  57
  
  
    
                                  :class => 'icon icon-del'

  		




  
  57
  
    
                                  :class => 'icon icon-del icon-svg'

  		




  58
  58
  
    
                                 )

  		




  59
  59
  
    
      end

  		




  60
  60
  
    
    end

  		












  

    
      app/helpers/watchers_helper.rb
    
  





  26
  26
  
    
    return '' unless objects.any?

  		




  27
  27
  
    

  		




  28
  28
  
    
    watched = Watcher.any_watched?(objects, user)

  		




  29
  
  
    
    css = [watcher_css(objects), watched ? 'icon icon-fav' : 'icon icon-fav-off'].join(' ')

  		




  
  29
  
    
    css = [watcher_css(objects), watched ? 'icon icon-fav' : 'icon icon-fav-off icon-svg'].join(' ')

  		




  30
  30
  
    
    text = watched ? l(:button_unwatch) : l(:button_watch)

  		




  31
  31
  
    
    url = watch_path(

  		




  32
  32
  
    
      :object_type => objects.first.class.to_s.underscore,

  		




  33
  33
  
    
      :object_id => (objects.size == 1 ? objects.first.id : objects.map(&:id).sort)

  		




  34
  34
  
    
    )

  		




  35
  35
  
    
    method = watched ? 'delete' : 'post'

  		




  
  36
  
    
    icon = watched ? 'star' : 'star-off'

  		




  36
  37
  
    

  		




  37
  
  
    
    link_to text, url, :remote => true, :method => method, :class => css

  		




  
  38
  
    
    link_to labeled_icon(text, icon), url, :remote => true, :method => method, :class => css

  		




  38
  39
  
    
  end

  		




  39
  40
  
    

  		




  40
  41
  
    
  # Returns the css class used to identify watch links for a given +object+

  		












  

    
      app/views/attachments/_links.html.erb
    
  





  1
  1
  
    
<div class="attachments">

  		




  2
  2
  
    
<div class="contextual">

  		




  3
  
  
    
  <%= link_to(l(:label_edit_attachments),

  		




  
  3
  
    
  <%= link_to(labeled_icon(l(:label_edit_attachments), 'pen-alt', icon_only: true),

  		




  4
  4
  
    
              container_attachments_edit_path(container),

  		




  5
  5
  
    
              :title => l(:label_edit_attachments),

  		




  6
  
  
    
              :class => 'icon-only icon-edit'

  		




  
  6
  
    
              :class => 'icon-only icon-edit icon-svg'

  		




  7
  7
  
    
             ) if options[:editable] %>

  		




  8
  
  
    
  <%= link_to(l(:label_download_all_attachments),

  		




  
  8
  
    
  <%= link_to(labeled_icon(l(:label_download_all_attachments), 'download', icon_only: true),

  		




  9
  9
  
    
              container_attachments_download_path(container),

  		




  10
  10
  
    
              :title => l(:label_download_all_attachments),

  		




  11
  
  
    
              :class => 'icon-only icon-download'

  		




  
  11
  
    
              :class => 'icon-only icon-download icon-svg'

  		




  12
  12
  
    
             ) if attachments.size > 1 %>

  		




  13
  13
  
    
</div>

  		




  14
  14
  
    
<table>

  		




  15
  15
  
    
<% for attachment in attachments %>

  		




  16
  16
  
    
<tr>

  		




  17
  17
  
    
  <td>

  		




  18
  
  
    
    <%= link_to_attachment attachment, class: 'icon icon-attachment' -%>

  		




  
  18
  
    
    <%= link_to_attachment attachment, class: 'icon icon-attachment icon-svg' -%>

  		




  19
  19
  
    
    <span class="size">(<%= number_to_human_size attachment.filesize %>)</span>

  		




  20
  
  
    
    <%= link_to_attachment attachment, class: 'icon-only icon-download', title: l(:button_download), download: true -%>

  		




  
  20
  
    
    <%= link_to_attachment attachment, class: 'icon-only icon-download icon-svg', title: l(:button_download), download: true -%>

  		




  21
  21
  
    
  </td>

  		




  22
  22
  
    
  <td><%= attachment.description unless attachment.description.blank? %></td>

  		




  23
  23
  
    
  <td>

  		




  ......




  27
  27
  
    
  </td>

  		




  28
  28
  
    
  <td>

  		




  29
  29
  
    
    <% if options[:deletable] %>

  		




  30
  
  
    
      <%= link_to l(:button_delete), attachment_path(attachment),

  		




  
  30
  
    
      <%= link_to labeled_icon(l(:button_delete), 'trash-alt', icon_only: true, size: 12), attachment_path(attachment),

  		




  31
  31
  
    
                  :data => {:confirm => l(:text_are_you_sure)},

  		




  32
  32
  
    
                  :method => :delete,

  		




  33
  
  
    
                  :class => 'delete icon-only icon-del',

  		




  
  33
  
    
                  :class => 'delete icon-only icon-del icon-svg',

  		




  34
  34
  
    
                  :title => l(:button_delete) %>

  		




  35
  35
  
    
    <% end %>

  		




  36
  36
  
    
  </td>

  		












  

    
      app/views/issues/_action_menu.html.erb
    
  





  1
  1
  
    
<div class="contextual">

  		




  2
  
  
    
<%= link_to l(:button_edit), edit_issue_path(@issue),

  		




  
  2
  
    
<%= link_to labeled_icon(l(:button_edit), 'pen-alt'), edit_issue_path(@issue),

  		




  3
  3
  
    
            :onclick => 'showAndScrollTo("update", "issue_notes"); return false;',

  		




  4
  
  
    
            :class => 'icon icon-edit', :accesskey => accesskey(:edit) if @issue.editable? %>

  		




  5
  
  
    
<%= link_to l(:button_log_time), new_issue_time_entry_path(@issue),

  		




  6
  
  
    
            :class => 'icon icon-time-add' if User.current.allowed_to?(:log_time, @project) %>

  		




  
  4
  
    
            :class => 'icon icon-edit icon-svg', :accesskey => accesskey(:edit) if @issue.editable? %>

  		




  
  5
  
    
<%= link_to labeled_icon(l(:button_log_time), 'time-add'), new_issue_time_entry_path(@issue),

  		




  
  6
  
    
            :class => 'icon icon-time-add icon-svg' if User.current.allowed_to?(:log_time, @project) %>

  		




  7
  7
  
    
<%= watcher_link(@issue, User.current) %>

  		




  8
  
  
    
<%= link_to l(:button_copy), project_copy_issue_path(@project, @issue),

  		




  9
  
  
    
            :class => 'icon icon-copy' if User.current.allowed_to?(:copy_issues, @project) && Issue.allowed_target_projects.any? %>

  		




  
  8
  
    
<%= link_to labeled_icon(l(:button_copy), 'copy'), project_copy_issue_path(@project, @issue),

  		




  
  9
  
    
            :class => 'icon icon-copy icon-svg' if User.current.allowed_to?(:copy_issues, @project) && Issue.allowed_target_projects.any? %>

  		




  10
  10
  
    
<%= actions_dropdown do %>

  		




  11
  11
  
    
  <%= copy_object_url_link(issue_url(@issue, only_path: false)) %>

  		




  12
  
  
    
  <%= link_to l(:button_delete), issue_path(@issue),

  		




  
  12
  
    
  <%= link_to labeled_icon(l(:button_delete), 'trash-alt'), issue_path(@issue),

  		




  13
  13
  
    
              :data => {:confirm => issues_destroy_confirmation_message(@issue)},

  		




  14
  
  
    
              :method => :delete, :class => 'icon icon-del' if @issue.deletable? %>

  		




  
  14
  
    
              :method => :delete, :class => 'icon icon-del icon-svg' if @issue.deletable? %>

  		




  15
  15
  
    
<% end %>

  		




  16
  16
  
    
</div>

  		












  

    
      app/views/issues/index.html.erb
    
  





  1
  1
  
    
<div class="contextual">

  		




  2
  2
  
    
  <% if User.current.allowed_to?(:add_issues, @project, :global => true) && (@project.nil? || Issue.allowed_target_trackers(@project).any?) %>

  		




  3
  
  
    
    <%= link_to l(:label_issue_new), _new_project_issue_path(@project), :class => 'icon icon-add new-issue' %>

  		




  
  3
  
    
    <%= link_to labeled_icon(l(:label_issue_new), 'plus-circle'), _new_project_issue_path(@project), :class => 'icon icon-svg icon-add new-issue' %>

  		




  4
  4
  
    
  <% end %>

  		




  5
  5
  
    
  <%= actions_dropdown do %>

  		




  6
  6
  
    
    <% if @project %>

  		












  

    
      app/views/issues/show.html.erb
    
  





  83
  83
  
    
<hr />

  		




  84
  84
  
    
<div class="description">

  		




  85
  85
  
    
  <div class="contextual">

  		




  86
  
  
    
  <%= link_to l(:button_quote), quoted_issue_path(@issue), :remote => true, :method => 'post', :class => 'icon icon-comment' if @issue.notes_addable? %>

  		




  
  86
  
    
  <%= link_to labeled_icon(l(:button_quote), 'quote-left'), quoted_issue_path(@issue), :remote => true, :method => 'post', :class => 'icon icon-comment icon-svg' if @issue.notes_addable? %>

  		




  87
  87
  
    
  </div>

  		




  88
  88
  
    

  		




  89
  89
  
    
  <p><strong><%=l(:field_description)%></strong></p>

  		












  

    
      public/stylesheets/application.css
    
  





  223
  223
  
    

  		




  224
  224
  
    
.contextual .drdn-content {top:18px;}

  		




  225
  225
  
    
.contextual .drdn-items {padding:2px; min-width: 160px;}

  		




  226
  
  
    
.contextual .drdn-items>a {padding: 5px 8px;}

  		




  227
  
  
    
.contextual .drdn-items>a.icon {padding-left: 24px; background-position-x: 4px;}

  		




  
  226
  
    
.contextual .drdn-items>a {display: flex; padding: 5px 8px;}

  		




  
  227
  
    
.contextual .drdn-items>a.icon:not(.icon-svg) {padding-left: 24px; background-position-x: 4px;}

  		




  228
  228
  
    
.contextual .drdn-items>a:hover {color:#2A5685; border:1px solid #628db6; background-color:#eef5fd; border-radius:3px;}

  		




  229
  229
  
    

  		




  230
  230
  
    
#project-jump.drdn {width:200px;display:inline-block;}

  		




  ......




  464
  464
  
    
  width: .6em; height: .6em;

  		




  465
  465
  
    
}

  		




  466
  466
  
    
.contextual {float:right; white-space: nowrap; line-height:1.4em;margin:5px 0px; padding-left: 10px; font-size:0.9em;}

  		




  467
  
  
    
.contextual .icon {padding-top: 2px; padding-bottom: 3px;}

  		




  
  467
  
    
.contextual .icon:not(.icon-svg) {padding-top: 2px; padding-bottom: 3px;}

  		




  468
  468
  
    
.contextual input, .contextual select {font-size:0.9em;}

  		




  469
  469
  
    
.message .contextual { margin-top: 0; }

  		




  470
  470
  
    

  		




  ......




  1497
  1497
  
    
  white-space: pre-wrap;

  		




  1498
  1498
  
    
}

  		




  1499
  1499
  
    

  		




  
  1500
  
    
/***** SVGs ******/

  		




  
  1501
  
    
.s16 {

  		




  
  1502
  
    
  width: 16px;

  		




  
  1503
  
    
  height: 16px;

  		




  
  1504
  
    
}

  		




  
  1505
  
    

  		




  
  1506
  
    
.s14 {

  		




  
  1507
  
    
  width: 14px;

  		




  
  1508
  
    
  height: 14px;

  		




  
  1509
  
    
}

  		




  
  1510
  
    

  		




  
  1511
  
    
.s12 {

  		




  
  1512
  
    
  width: 12px;

  		




  
  1513
  
    
  height: 12px;

  		




  
  1514
  
    
}

  		




  
  1515
  
    

  		




  1500
  1516
  
    
/***** Icons *****/

  		




  1501
  
  
    
.icon {

  		




  
  1517
  
    
.icon:not(.icon-svg) {

  		




  1502
  1518
  
    
  background-position: 0% 50%;

  		




  1503
  1519
  
    
  background-repeat: no-repeat;

  		




  1504
  1520
  
    
  padding-left: 20px;

  		




  1505
  1521
  
    
}

  		




  1506
  
  
    
.icon-only {

  		




  1507
  
  
    
  background-position: 0% 50%;

  		




  1508
  
  
    
  background-repeat: no-repeat;

  		




  1509
  
  
    
  padding-left: 16px;

  		




  1510
  
  
    
  display: inline-block;

  		




  1511
  
  
    
  width: 0;

  		




  1512
  
  
    
  height: 16px;

  		




  1513
  
  
    
  overflow: hidden;

  		




  1514
  
  
    
  padding-top: 0;

  		




  1515
  
  
    
  padding-bottom: 0;

  		




  1516
  
  
    
  font-size: 8px;

  		




  1517
  
  
    
  vertical-align: middle;

  		




  
  1522
  
    
.icon.icon-svg {

  		




  
  1523
  
    
  display: inline-flex;

  		




  1518
  1524
  
    
}

  		




  1519
  
  
    
.icon-only::after {

  		




  1520
  
  
    
  content: "\a0";

  		




  
  1525
  
    

  		




  
  1526
  
    
a svg, .icon svg {

  		




  
  1527
  
    
  fill: #169;

  		




  
  1528
  
    
  margin-right: 4px;

  		




  1521
  1529
  
    
}

  		




  1522
  1530
  
    

  		




  1523
  
  
    
.icon-add { background-image: url(../images/add.png); }

  		




  1524
  
  
    
.icon-edit { background-image: url(../images/edit.png); }

  		




  1525
  
  
    
.icon-copy { background-image: url(../images/copy.png); }

  		




  
  1531
  
    

  		




  
  1532
  
    
/*.icon-fav svg { fill: #fc8c12; }*/

  		




  
  1533
  
    

  		




  
  1534
  
    
.icon-add:not(.icon-svg) { background-image: url(../images/add.png); }

  		




  
  1535
  
    
.icon-edit:not(.icon-svg) { background-image: url(../images/edit.png); }

  		




  
  1536
  
    
.icon-copy:not(.icon-svg) { background-image: url(../images/copy.png); }

  		




  1526
  1537
  
    
.icon-duplicate { background-image: url(../images/duplicate.png); }

  		




  1527
  
  
    
.icon-del { background-image: url(../images/delete.png); }

  		




  
  1538
  
    
.icon-del:not(.icon-svg) { background-image: url(../images/delete.png); }

  		




  1528
  1539
  
    
.icon-move { background-image: url(../images/move.png); }

  		




  1529
  1540
  
    
.icon-save { background-image: url(../images/save.png); }

  		




  1530
  
  
    
.icon-download { background-image: url(../images/download.png); }

  		




  
  1541
  
    
.icon-download:not(.icon-svg) { background-image: url(../images/download.png); }

  		




  1531
  1542
  
    
.icon-cancel { background-image: url(../images/cancel.png); }

  		




  1532
  1543
  
    
.icon-multiple { background-image: url(../images/table_multiple.png); }

  		




  1533
  1544
  
    
.icon-folder { background-image: url(../images/folder.png); }

  		




  ......




  1536
  1547
  
    
.icon-user { background-image: url(../images/user.png); }

  		




  1537
  1548
  
    
.icon-project, .icon-projects { background-image: url(../images/projects.png); }

  		




  1538
  1549
  
    
.icon-help { background-image: url(../images/help.png); }

  		




  1539
  
  
    
.icon-attachment  { background-image: url(../images/attachment.png); }

  		




  
  1550
  
    
.icon-attachment:not(.icon-svg)  { background-image: url(../images/attachment.png); }

  		




  1540
  1551
  
    
.icon-history  { background-image: url(../images/history.png); }

  		




  1541
  1552
  
    
.icon-time-entry, .icon-time  { background-image: url(../images/time.png); }

  		




  1542
  
  
    
.icon-time-add  { background-image: url(../images/time_add.png); }

  		




  
  1553
  
    
.icon-time-add:not(.icon-svg)  { background-image: url(../images/time_add.png); }

  		




  1543
  1554
  
    
.icon-stats  { background-image: url(../images/stats.png); }

  		




  1544
  1555
  
    
.icon-warning  { background-image: url(../images/warning.png); }

  		




  1545
  1556
  
    
.icon-error { background-image: url(../images/exclamation.png); }

  		




  1546
  
  
    
.icon-fav  { background-image: url(../images/fav.png); }

  		




  1547
  
  
    
.icon-fav-off  { background-image: url(../images/fav_off.png); }

  		




  
  1557
  
    
.icon-fav:not(.icon-svg)  { background-image: url(../images/fav.png); }

  		




  
  1558
  
    
.icon-fav-off:not(.icon-svg)  { background-image: url(../images/fav_off.png); }

  		




  1548
  1559
  
    
.icon-reload  { background-image: url(../images/reload.png); }

  		




  1549
  1560
  
    
.icon-lock, .icon-locked  { background-image: url(../images/locked.png); }

  		




  1550
  1561
  
    
.icon-unlock  { background-image: url(../images/unlock.png); }

  		




  1551
  1562
  
    
.icon-checked  { background-image: url(../images/toggle_check.png); }

  		




  1552
  1563
  
    
.icon-report  { background-image: url(../images/report.png); }

  		




  1553
  
  
    
.icon-comment, .icon-comments  { background-image: url(../images/comment.png); }

  		




  
  1564
  
    
.icon-comment:not(.icon-svg), .icon-comments  { background-image: url(../images/comment.png); }

  		




  1554
  1565
  
    
.icon-summary  { background-image: url(../images/lightning.png); }

  		




  1555
  1566
  
    
.icon-server-authentication { background-image: url(../images/server_key.png); }

  		




  1556
  1567
  
    
.icon-issue { background-image: url(../images/ticket.png); }

  		




  ......




  1586
  1597
  
    
.icon-project { background-image: url(../images/projects.png); }

  		




  1587
  1598
  
    
.icon-add-bullet { background-image: url(../images/bullet_add.png); }

  		




  1588
  1599
  
    
.icon-shared { background-image: url(../images/link.png); }

  		




  1589
  
  
    
.icon-actions { background-image: url(../images/3_bullets.png); }

  		




  
  1600
  
    
.icon-actions:not(.icon-svg) { background-image: url(../images/3_bullets.png); }

  		




  1590
  1601
  
    
.icon-sort-handle { background-image: url(../images/reorder.png); }

  		




  1591
  1602
  
    
.icon-expended { background-image: url(../images/arrow_down.png); }

  		




  1592
  1603
  
    
.icon-collapsed { background-image: url(../images/arrow_right.png); }

  		




  ......




  1618
  1629
  
    
.icon-file.application-pdf { background-image: url(../images/files/pdf.png); }

  		




  1619
  1630
  
    
.icon-file.application-zip { background-image: url(../images/files/zip.png); }

  		




  1620
  1631
  
    
.icon-file.application-gzip { background-image: url(../images/files/zip.png); }

  		




  1621
  
  
    
.icon-copy-link { background-image: url(../images/copy_link.png); }

  		




  
  1632
  
    
.icon-copy-link:not(.icon-svg) { background-image: url(../images/copy_link.png); }

  		




  1622
  1633
  
    

  		




  1623
  1634
  
    
.sort-handle.ajax-loading { background-image: url(../images/loading.gif); }

  		




  1624
  1635
  
    
tr.ui-sortable-helper { border:1px solid #e4e4e4; }

  		












  

    
      public/svgs/copy.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"/></svg>

  		












  

    
      public/svgs/download.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"/></svg>

  		












  

    
      public/svgs/ellipsis-h.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z"/></svg>

  		












  

    
      public/svgs/link.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg>

  		












  

    
      public/svgs/paperclip.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M43.246 466.142c-58.43-60.289-57.341-157.511 1.386-217.581L254.392 34c44.316-45.332 116.351-45.336 160.671 0 43.89 44.894 43.943 117.329 0 162.276L232.214 383.128c-29.855 30.537-78.633 30.111-107.982-.998-28.275-29.97-27.368-77.473 1.452-106.953l143.743-146.835c6.182-6.314 16.312-6.422 22.626-.241l22.861 22.379c6.315 6.182 6.422 16.312.241 22.626L171.427 319.927c-4.932 5.045-5.236 13.428-.648 18.292 4.372 4.634 11.245 4.711 15.688.165l182.849-186.851c19.613-20.062 19.613-52.725-.011-72.798-19.189-19.627-49.957-19.637-69.154 0L90.39 293.295c-34.763 35.56-35.299 93.12-1.191 128.313 34.01 35.093 88.985 35.137 123.058.286l172.06-175.999c6.177-6.319 16.307-6.433 22.626-.256l22.877 22.364c6.319 6.177 6.434 16.307.256 22.626l-172.06 175.998c-59.576 60.938-155.943 60.216-214.77-.485z"/></svg>

  		












  

    
      public/svgs/pen-alt.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z"/></svg>

  		












  

    
      public/svgs/plus-circle.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z"/></svg>

  		












  

    
      public/svgs/quote-left.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"/></svg>

  		












  

    
      public/svgs/star-off.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"/></svg>

  		












  

    
      public/svgs/star.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/></svg>

  		












  

    
      public/svgs/time-add.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>

  		












  

    
      public/svgs/trash-alt.svg
    
  





  
  1
  
    
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"/></svg>

  		















  (20-20/54)