[ADD] Adding images for pagers & pager styling

bzr revid: ahu@openerp.com-20111214115206-xukqkaa0i1h9xd8c
This commit is contained in:
Antoine Huvelle 2011-12-14 12:52:06 +01:00
parent 5fe485b645
commit 5dd3318ca0
14 changed files with 124 additions and 12 deletions

View File

@ -567,6 +567,7 @@ label.error {
}
.openerp .oe-view-manager-header .oe_view_title {
font-size:150%;
padding:2px 0 0 0;
}
/* SearchView */
@ -716,12 +717,17 @@ label.error {
.openerp .oe_search-view-buttons {
padding: 10px 0 10px 0;
vertical-align:middle;
}
.openerp .oe_search-view-custom-filter-btn span {
background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
padding-left: 18px;
}
.openerp .oe_search-view-filters-management, .openerp .oe_search-view-custom-filter-btn {
float:right;
}
.openerp .searchview_extended_add_proposition span {
font-size: 0.9em;
background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
@ -870,6 +876,16 @@ label.error {
color: #555;
}
.openerp .oe-list-pager > *, .openerp .oe_form_pager *, .openerp .oe_pager_separator {
line-height:17px;
width:12px;
height:17px;
cursor: pointer;
color:gray;
font-weight:bold;
vertical-align:middle;
border:0;
}
.openerp .oe-listview .oe-group-name {
padding-right: 1em;
}
@ -1079,7 +1095,7 @@ label.error {
}
.openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
margin: 4px 0 0 3px;
margin: 3px 0 0 3px;
white-space: nowrap;
}
.openerp .oe_forms .searchview_group_content label.oe_label, .openerp .searchview_group_content .oe_forms label.oe_label_help { /* making a distinction between labels in search view and other labels */
@ -1149,6 +1165,11 @@ label.error {
min-width: 90px;
color: #1f1f1f;
}
/* vertically recentering filter management select tag */
.openerp select.oe_search-view-filters-management {
margin-top:2px;
}
.openerp .oe_forms select{
padding-top: 2px;
}
@ -1159,6 +1180,7 @@ label.error {
.openerp .oe_forms input[type="text"], .openerp .oe_forms input[type="password"], .openerp .oe_forms select, .openerp .oe_forms .oe_button {
height: 22px;
}
.openerp .oe_forms input.field_datetime {
min-width: 11em;
}
@ -1301,6 +1323,8 @@ label.error {
.openerp .oe-view-manager-header {
overflow: auto;
background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
margin-bottom:6px;
}
.openerp .oe-view-manager-header h2 {
float: left;
@ -1318,9 +1342,11 @@ label.error {
margin: 0;
padding: 6px 1px 4px;
}
.openerp .oe_view_manager_menu_tips blockquote div {
text-align: right;
}
.openerp .oe_view_manager_menu_tips blockquote div button {
border: none;
background: none;
@ -1732,3 +1758,89 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
.openerp .oe_view_editor_tree_grid a {
display: block;
}
.openerp .oe_vm_switch {
margin:2px 10px 0px 0px;
}
.openerp .oe_vm_switch button {
background: url("/web/static/src/img/views-icons-a.png") repeat-x scroll left top transparent;
overflow: hidden;
width: 22px;
height: 21px;
border: none;
}
.openerp .oe_vm_switch button[data-view-type="list"] {
background-position:0px 0px;
}
.openerp .oe_vm_switch button[data-view-type="list"]:active,
.openerp .oe_vm_switch button[data-view-type="list"]:hover,
.openerp .oe_vm_switch button[data-view-type="list"]:focus {
background-position:0px -21px;
}
.openerp .oe_vm_switch button[data-view-type="form"] {
background-position:-22px 0px;
}
.openerp .oe_vm_switch button[data-view-type="form"]:active,
.openerp .oe_vm_switch button[data-view-type="form"]:hover,
.openerp .oe_vm_switch button[data-view-type="form"]:focus {
background-position:-22px -21px;
}
.openerp .oe_vm_switch button[data-view-type="graph"] {
background-position:-44px0px;
}
.openerp .oe_vm_switch button[data-view-type="graph"]:active,
.openerp .oe_vm_switch button[data-view-type="graph"]:hover,
.openerp .oe_vm_switch button[data-view-type="graph"]:focus {
background-position:-44px -21px;
}
.openerp .oe_vm_switch button[data-view-type="gantt"] {
background-position:-66px 0px;
}
.openerp .oe_vm_switch button[data-view-type="gantt"]:active,
.openerp .oe_vm_switch button[data-view-type="gantt"]:hover,
.openerp .oe_vm_switch button[data-view-type="gantt"]:focus {
background-position:-66px -21px;
}
.openerp .oe_vm_switch button[data-view-type="calendar"] {
background-position:-88px 0px;
}
.openerp .oe_vm_switch button[data-view-type="calendar"]:active,
.openerp .oe_vm_switch button[data-view-type="calendar"]:hover,
.openerp .oe_vm_switch button[data-view-type="calendar"]:focus {
background-position:-88px -21px;
}
.openerp .oe_vm_switch button[data-view-type="kanban"] {
background-position:-110px 0px;
}
.openerp .oe_vm_switch button[data-view-type="kanban"]:active,
.openerp .oe_vm_switch button[data-view-type="kanban"]:hover,
.openerp .oe_vm_switch button[data-view-type="kanban"]:focus {
background-position:-110px -21px;
}
.openerp .oe_vm_switch button[data-view-type="diagram"] {
background-position:0px 0px;
}
.openerp .oe_vm_switch button[data-view-type="diagram"]:active,
.openerp .oe_vm_switch button[data-view-type="diagram"]:hover,
.openerp .oe_vm_switch button[data-view-type="diagram"]:focus {
background-position:0px -21px;
}
.openerp .oe-list-pager button[disabled="disabled"], .openerp .oe_form_pager button[disabled="disabled"] {
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
.openerp .oe-list-pager button[data-pager-action="first"], .openerp .oe_form_pager button[data-pager-action="first"] {
background: url("/web/static/src/img/pager_first.png") no-repeat scroll center center transparent;
}
.openerp .oe-list-pager button[data-pager-action="previous"], .openerp .oe_form_pager button[data-pager-action="previous"] {
background: url("/web/static/src/img/pager_left.png") no-repeat scroll center center transparent;
}
.openerp .oe-list-pager button[data-pager-action="next"], .openerp .oe_form_pager button[data-pager-action="next"] {
background: url("/web/static/src/img/pager_right.png") no-repeat scroll center center transparent;
}
.openerp .oe-list-pager button[data-pager-action="last"], .openerp .oe_form_pager button[data-pager-action="last"] {
background: url("/web/static/src/img/pager_last.png") no-repeat scroll center center transparent;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 379 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 498 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 349 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 270 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 345 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 255 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 309 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 301 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 B

View File

@ -630,17 +630,17 @@
<th t-name="Listview.navigation.button" t-if="options.pager !== false"
class="oe-list-pager" t-att-colspan="columns_count">
<button type="button" disabled="disabled"
data-pager-action="first">First</button>
data-pager-action="first"></button>
<button type="button" disabled="disabled"
data-pager-action="previous">&lt;</button>
data-pager-action="previous"></button>
<span class="oe-pager-state">
</span>
<button type="button" disabled="disabled"
data-pager-action="next">&gt;</button>
data-pager-action="next"></button>
<button type="button" disabled="disabled"
data-pager-action="last">Last</button>
data-pager-action="last"></button>
</th>
<t t-name="ListView.rows" t-foreach="records.length" t-as="index">
<t t-call="ListView.row">
@ -683,13 +683,13 @@
<button type="button" class="oe_form_button_cancel">Cancel</button>
</div>
<div class="oe_form_pager" t-if="widget.options.pager !== false">
<button type="button" data-pager-action="first">First</button>
<button type="button" data-pager-action="previous">&lt;&lt;</button>
<button type="button" data-pager-action="first"></button>
<button type="button" data-pager-action="previous"></button>
<span class="oe_pager_index">0</span> / <span class="oe_pager_count">0</span>
<span class="oe_pager_index">0</span><span class="oe_pager_separator"> / </span><span class="oe_pager_count">0</span>
<button type="button" data-pager-action="next">&gt;&gt;</button>
<button type="button" data-pager-action="last">Last</button>
<button type="button" data-pager-action="next"></button>
<button type="button" data-pager-action="last"></button>
</div>
</div>
<t t-raw="frame.render()"/>

View File

@ -52,12 +52,12 @@ a.cta-a strong {
.oe-process-view {
height: 20px;
margin-top:4px;
margin-top:8px;
padding: 0;
width: 24px;
cursor: pointer;
display: block;
background: url(/web/static/src/img/icons/gtk-help.png) no-repeat center center;
background: url(/web/static/src/img/iconset-a-help.png) no-repeat center center;
float: left;
}