Patch #31433 » 0002-Use-the-regular-icon-icon-classes-for-collapsible-fi.patch
app/views/queries/_query_form.html.erb | ||
---|---|---|
5 | 5 |
<div id="query_form_with_buttons" class="hide-when-print"> |
6 | 6 |
<div id="query_form_content"> |
7 | 7 |
<fieldset id="filters" class="collapsible <%= @query.new_record? ? "" : "collapsed" %>"> |
8 |
<legend onclick="toggleFieldset(this);"><%= l(:label_filter_plural) %></legend> |
|
8 |
<legend onclick="toggleFieldset(this);" class="icon icon-<%= @query.new_record? ? "expended" : "collapsed" %>"><%= l(:label_filter_plural) %></legend>
|
|
9 | 9 |
<div style="<%= @query.new_record? ? "" : "display: none;" %>"> |
10 | 10 |
<%= render :partial => 'queries/filters', :locals => {:query => @query} %> |
11 | 11 |
</div> |
12 | 12 |
</fieldset> |
13 | 13 | |
14 | 14 |
<fieldset id="options" class="collapsible collapsed"> |
15 |
<legend onclick="toggleFieldset(this);"><%= l(:label_options) %></legend> |
|
15 |
<legend onclick="toggleFieldset(this);" class="icon icon-collapsed"><%= l(:label_options) %></legend>
|
|
16 | 16 |
<div style="display: none;"> |
17 | 17 |
<table> |
18 | 18 |
<tr> |
app/views/versions/index.html.erb | ||
---|---|---|
88 | 88 |
<% if @completed_versions.present? %> |
89 | 89 |
<p> |
90 | 90 |
<%= link_to_function l(:label_completed_versions), |
91 |
'$("#toggle-completed-versions").toggleClass("collapsed"); $("#completed-versions").toggle()',
|
|
92 |
:id => 'toggle-completed-versions', :class => 'collapsible collapsed' %>
|
|
91 |
'$("#toggle-completed-versions").toggleClass("icon-collapsed icon-expended"); $("#completed-versions").toggle()',
|
|
92 |
:id => 'toggle-completed-versions', :class => 'icon icon-collapsed collapsible' %>
|
|
93 | 93 |
<ul id = "completed-versions" style = "display:none;"> |
94 | 94 |
<% @completed_versions.each do |version| %> |
95 | 95 |
<li><%= link_to_version version %></li> |
public/javascripts/application.js | ||
---|---|---|
72 | 72 |
function toggleFieldset(el) { |
73 | 73 |
var fieldset = $(el).parents('fieldset').first(); |
74 | 74 |
fieldset.toggleClass('collapsed'); |
75 |
fieldset.children('legend').toggleClass('icon-expended icon-collapsed'); |
|
75 | 76 |
fieldset.children('div').toggle(); |
76 | 77 |
} |
77 | 78 |
public/stylesheets/application.css | ||
---|---|---|
132 | 132 |
#admin-menu a {line-height:1.7em;} |
133 | 133 |
#admin-menu a.selected {padding-left: 20px !important; background-position: 2px 40%;} |
134 | 134 | |
135 |
a.collapsible {padding-left: 12px; background: url(../images/arrow_down.png) no-repeat 0px 50%;} |
|
136 |
a.collapsible.collapsed {background-image: url(../images/arrow_right.png);} |
|
135 |
a.collapsible {padding-left: 12px; } |
|
137 | 136 | |
138 | 137 |
a#toggle-completed-versions {color:#999;} |
139 | 138 | |
... | ... | |
518 | 517 |
#trackers_description dd {margin: 0; padding: 0 0 1em 0;} |
519 | 518 | |
520 | 519 |
fieldset.collapsible {border-width: 1px 0 0 0;} |
521 |
fieldset.collapsible>legend { padding-left: 18px; background: url(../images/arrow_down.png) no-repeat 4px 40%; cursor:pointer; } |
|
522 |
fieldset.collapsible.collapsed>legend { background-image: url(../images/arrow_right.png); } |
|
520 |
fieldset.collapsible>legend { cursor:pointer; padding-left: 18px; background-position: 4px;} |
|
523 | 521 | |
524 | 522 |
fieldset#date-range p { margin: 2px 0 2px 0; } |
525 | 523 |
fieldset#filters table { border-collapse: collapse; } |
... | ... | |
1498 | 1496 |
.icon-shared { background-image: url(../images/link.png); } |
1499 | 1497 |
.icon-actions { background-image: url(../images/3_bullets.png); } |
1500 | 1498 |
.icon-sort-handle { background-image: url(../images/reorder.png); } |
1499 |
.icon-expended { background-image: url(../images/arrow_down.png); } |
|
1500 |
.icon-collapsed { background-image: url(../images/arrow_right.png); } |
|
1501 | 1501 | |
1502 | 1502 |
.icon-file { background-image: url(../images/files/default.png); } |
1503 | 1503 |
.icon-file.text-plain { background-image: url(../images/files/text.png); } |