diff --git a/assets/images/delete.gif b/assets/images/delete.gif new file mode 100644 index 0000000000..7667901311 Binary files /dev/null and b/assets/images/delete.gif differ diff --git a/assets/images/disk.gif b/assets/images/disk.gif new file mode 100644 index 0000000000..7e56515ad2 Binary files /dev/null and b/assets/images/disk.gif differ diff --git a/assets/images/disks.gif b/assets/images/disks.gif new file mode 100644 index 0000000000..df582582cb Binary files /dev/null and b/assets/images/disks.gif differ diff --git a/assets/images/remove.gif b/assets/images/remove.gif new file mode 100644 index 0000000000..0ac6342b7e Binary files /dev/null and b/assets/images/remove.gif differ diff --git a/assets/stylesheets/reporting.css b/assets/stylesheets/reporting.css index 13c0e9a693..8e3b503e4d 100644 --- a/assets/stylesheets/reporting.css +++ b/assets/stylesheets/reporting.css @@ -358,8 +358,7 @@ td:hover .drill_down, th:hover .drill_down { margin: 2px; } -.buttons .apply { - background-color: #9a9a9a; +.buttons .button { border: none; cursor: pointer; margin: 0px; @@ -371,11 +370,23 @@ td:hover .drill_down, th:hover .drill_down { padding: 4px; } +.buttons .apply { + background-color: #990000; +} + .buttons .apply:hover { + background-color: #CC0000; +} + +.buttons .secondary { + background-color: #9a9a9a; +} + +.buttons .secondary:hover { background-color: #666666; } -.buttons .apply span em { +.buttons .button span em { color: white; display: block; font-size: 11px; @@ -384,9 +395,36 @@ td:hover .drill_down, th:hover .drill_down { line-height: 17px; } -.buttons .apply span { +.buttons .button span { display: inline-block; - margin: 0px; + margin: 3px; +} + + +.buttons .button-icon { + padding: 3px 5px 0 16px; + cursor: pointer; + background: no-repeat left center; + border-style: none; + display: inline-block; + margin-top: 0px; + margin-bottom: 0px; +} + +.button .icon-save { + background-image: url(../images/disk.gif); +} + +.button .icon-save-as { + background-image: url(../images/disks.gif); +} + +.button .icon-delete { + background-image: url(../images/delete.gif); +} + +.button .icon-clear { + background-image: url(../images/remove.gif); } div.button_form { diff --git a/lib/widget/controls/clear.rb b/lib/widget/controls/clear.rb index b7759cf2d9..f460105a8d 100644 --- a/lib/widget/controls/clear.rb +++ b/lib/widget/controls/clear.rb @@ -1,5 +1,5 @@ class Widget::Controls::Clear < Widget::Base def render - link_to l(:button_clear), '#', :id => 'query-link-clear', :class => 'icon icon-clear' + link_to content_tag(:span, content_tag(:em, l(:"button_clear"), :class => "button-icon icon-clear")), '#', :id => 'query-link-clear', :class => 'button secondary' end end diff --git a/lib/widget/controls/delete.rb b/lib/widget/controls/delete.rb index cd145cb594..b60d6ad07a 100644 --- a/lib/widget/controls/delete.rb +++ b/lib/widget/controls/delete.rb @@ -1,8 +1,8 @@ class Widget::Controls::Delete < Widget::Base def render return "" if @query.new_record? - button = link_to l(:button_delete), "#", - :class => 'breadcrumb_icon icon-delete', + button = link_to content_tag(:span, content_tag(:em, l(:button_delete), :class => "button-icon icon-delete")), "#", + :class => 'button secondary', :id => 'query-icon-delete', :title => l(:button_delete) popup = content_tag :div, :id => "delete_form", :class => "button_form" do diff --git a/lib/widget/controls/save.rb b/lib/widget/controls/save.rb index 6ff109a06a..900d3491dc 100644 --- a/lib/widget/controls/save.rb +++ b/lib/widget/controls/save.rb @@ -1,9 +1,9 @@ class Widget::Controls::Save < Widget::Base def render return "" if @query.new_record? - link_to content_tag(:span, content_tag(:em, l(:button_save))), {}, + link_to content_tag(:span, content_tag(:em, l(:button_save)), :class => "button-icon icon-save"), {}, :href => "#", :id => "query-breadcrumb-save", - :class => "breadcrumb_icon icon-save", + :class => "button secondary", :title => l(:button_save), :"data-target" => url_for(:action => 'update', :id => @query.id, :set_filter => '1') end diff --git a/lib/widget/controls/save_as.rb b/lib/widget/controls/save_as.rb index ca3a534c1d..5ae48ed33e 100644 --- a/lib/widget/controls/save_as.rb +++ b/lib/widget/controls/save_as.rb @@ -7,8 +7,8 @@ class Widget::Controls::SaveAs < Widget::Base link_name = l(:button_save_as) icon = "icon-save-as" end - button = link_to link_name, "#", - :class => "breadcrumb_icon #{icon}", + button = link_to content_tag(:span, content_tag(:em, link_name, :class => "button-icon icon-save-as")), "#", + :class => "button secondary", :id => 'query-icon-save-as', :title => link_name button + render_popup end