Antoine(OpenERP) has proposed merging 
lp:~openerp-dev/openerp-web/trunk-button-ahu into lp:openerp-web.

Requested reviews:
  Xavier (Open ERP) (xmo)

For more details, see:
https://code.launchpad.net/~openerp-dev/openerp-web/trunk-button-ahu/+merge/83912

Files affected: base.css & base.xml

Changes in XML to modify the pagers in form view and list view.
Modifications brought to apply a new look to a series of buttons in the list 
and form view


-- 
https://code.launchpad.net/~openerp-dev/openerp-web/trunk-button-ahu/+merge/83912
Your team OpenERP R&D Team is subscribed to branch 
lp:~openerp-dev/openerp-web/trunk-button-ahu.
=== modified file 'addons/web/static/src/css/base.css'
--- addons/web/static/src/css/base.css	2011-11-23 10:05:42 +0000
+++ addons/web/static/src/css/base.css	2011-11-30 10:39:51 +0000
@@ -776,8 +776,27 @@
     text-align: right;
     white-space: nowrap;
 }
-.openerp .oe-list-pager .oe-pager-state {
-    cursor: pointer;
+
+.openerp .oe-list-pager > *, .openerp .oe_form_pager * {
+   line-height:17px;
+   width:12px;
+   height:17px;
+   cursor: pointer;
+   color:gray;
+   font-weight:bold;
+   vertical-align:middle;
+}
+
+.openerp .oe_form_pager {
+   color:gray;
+   font-weight:bold;
+}
+
+.openerp .oe-list-pager button, .openerp .oe_form_pager button {
+	background:none;
+	border:none;
+	padding:0 2px;
+	margin-top: 1px ;
 }
 
 .openerp .oe-listview .oe-group-name {
@@ -1544,3 +1563,124 @@
     display: block;
 }
 
+/* Buttons */
+.openerp button.oe-list-add, .openerp button.oe-list-delete, .openerp .oe_search-view-buttons input[type="submit"], .openerp .oe_search-view-buttons input[type="reset"], .openerp .oe_form_buttons button {
+    color:white;
+    font-weight:bold;
+	line-height:15px;
+	cursor:pointer;	
+	font-size:90%;
+
+	padding:1px 6px;
+	border:1px solid #666;
+	border-radius: 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    
+	text-shadow: #6A6969 0px 1px 0px;
+	background: #bd5e54; /* Old browsers */	
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#999999');/* IE6-9 */
+    background: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#999999));/* Chrome,Safari4+ */
+    background: -moz-linear-gradient(top,  #d3d3d3,  #999999); /* FF3.6+ */
+    background: -webkit-linear-gradient(top, #d3d3d3 0%,#999999 60%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #d3d3d3 0%,#999999 60%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #d3d3d3 0%,#999999 60%); /* IE10+ */
+    background: linear-gradient(top, #d3d3d3 0%,#999999 60%); /* W3C */
+}
+
+
+.openerp button.oe-list-add:hover, .openerp button.oe-list-delete:hover, .openerp .oe_search-view-buttons input[type="submit"]:hover, .openerp .oe_search-view-buttons input[type="reset"]:hover, .openerp .oe_form_buttons button:hover,
+.openerp button.oe-list-add:active, .openerp button.oe-list-delete:active, .openerp .oe_search-view-buttons input[type="submit"]:active, .openerp .oe_search-view-buttons input[type="reset"]:active, .openerp .oe_form_buttons button:active
+{
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777', endColorstr='#777');
+    background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#777));
+    background: -moz-linear-gradient(top,  #777,  #777);
+}
+
+.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;
+}
+
+

=== added file 'addons/web/static/src/img/pager_first.png'
Binary files addons/web/static/src/img/pager_first.png	1970-01-01 00:00:00 +0000 and addons/web/static/src/img/pager_first.png	2011-11-30 10:39:51 +0000 differ
=== added file 'addons/web/static/src/img/pager_last.png'
Binary files addons/web/static/src/img/pager_last.png	1970-01-01 00:00:00 +0000 and addons/web/static/src/img/pager_last.png	2011-11-30 10:39:51 +0000 differ
=== added file 'addons/web/static/src/img/pager_left.png'
Binary files addons/web/static/src/img/pager_left.png	1970-01-01 00:00:00 +0000 and addons/web/static/src/img/pager_left.png	2011-11-30 10:39:51 +0000 differ
=== added file 'addons/web/static/src/img/pager_right.png'
Binary files addons/web/static/src/img/pager_right.png	1970-01-01 00:00:00 +0000 and addons/web/static/src/img/pager_right.png	2011-11-30 10:39:51 +0000 differ
=== modified file 'addons/web/static/src/xml/base.xml'
--- addons/web/static/src/xml/base.xml	2011-11-24 13:46:27 +0000
+++ addons/web/static/src/xml/base.xml	2011-11-30 10:39:51 +0000
@@ -427,7 +427,6 @@
                 <div class="oe_vm_switch">
                     <t t-if="views.length != 1" t-foreach="views" t-as="view">
                         <button type="button" t-att-data-view-type="view.view_type">
-                            <t t-esc="view.view_type"/>
                         </button>
                     </t>
                 </div>
@@ -604,17 +603,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">
@@ -663,13 +662,13 @@
             <button type="button" class="oe_form_button_delete oe_form_on_readonly">Delete</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>
-
-            <span class="oe_pager_index">0</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="first"></button>
+            <button type="button" data-pager-action="previous"></button>
+
+            <span class="oe_pager_index">0</span><span class="oe_pager_delimiter"> / </span><span class="oe_pager_count">0</span>
+
+            <button type="button" data-pager-action="next"></button>
+            <button type="button" data-pager-action="last"></button>
         </div>
     </div>
     <t t-raw="frame.render()"/>

_______________________________________________
Mailing list: https://launchpad.net/~openerp-dev-gtk
Post to     : [email protected]
Unsubscribe : https://launchpad.net/~openerp-dev-gtk
More help   : https://help.launchpad.net/ListHelp

Reply via email to