[Erp5-report] r26259 - in /erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style: SkinTemplat...

nobody at svn.erp5.org nobody at svn.erp5.org
Thu Apr 2 16:26:03 CEST 2009


Author: fabien
Date: Thu Apr  2 16:26:02 2009
New Revision: 26259

URL: http://svn.erp5.org?rev=26259&view=rev
Log:
clean a bit css and template :
many css selector were used in listbox. Now there is 3 principals :
- class="listbox" for standard lisboxes (the selector to use is for exmample : table.listbox { background: green})
- class="listbox table" for table style (the selector to use is for exmample : table.listbox.table { background: red;})
- class="listbox search" for search style (the selector to use is for exmample : table.listbox.search { background: blue;})

remove tbody, thead and tfoot markup. Because this generate not xhtml valid code when there is nothing in the body. And body markup is mandatory if we want to display the
ad and tfoot. Now all this markup are replaced by <tr class="tbody"> <tr>

Modified:
    erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asSearchStyleHTML.xml
    erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml
    erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml
    erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml
    erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/bt/revision

Modified: erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asSearchStyleHTML.xml
URL: http://svn.erp5.org/erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asSearchStyleHTML.xml?rev=26259&r1=26258&r2=26259&view=diff
==============================================================================
--- erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asSearchStyleHTML.xml [utf8] (original)
+++ erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asSearchStyleHTML.xml [utf8] Thu Apr  2 16:26:02 2009
@@ -228,9 +228,9 @@
             tal:condition="is_web_mode">\n
               <tal:block tal:define="global website python: real_context.getWebSiteValue()" />\n
             </tal:block>\n
-            <table cellpadding="0" cellspacing="0" class="documentList">\n
+            <table cellpadding="0" cellspacing="0" class="listbox search">\n
               <tal:block tal:repeat="line line_list">\n
-                <tr tal:define="css python: test(repeat[\'line\'].index % 2, \'even\', \'odd\');\n
+                <tr tal:define="css python: test(repeat[\'line\'].index % 2, \'DataB\', \'DataA\');\n
                                 obj line/getObject;\n
                                 url obj/absolute_url;\n
                                 is_document python: obj.getPortalType() in\n
@@ -238,7 +238,7 @@
                                 hidden_pop_dom_id string:dom_popup_${field_id}_${repeat/line/index};\n
                                 details_dom_id string:${field_id}_search_details_${repeat/line/index};"\n
                     tal:attributes="id string:${field_id}_data_line_${repeat/line/index}; \n
-                                    class css;">\n
+                                    class python: \'%s tbody\' % css;">\n
 \n
                   <td class="icon">\n
                     <a tal:condition="is_document"\n

Modified: erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml
URL: http://svn.erp5.org/erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml?rev=26259&r1=26258&r2=26259&view=diff
==============================================================================
--- erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml [utf8] (original)
+++ erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml [utf8] Thu Apr  2 16:26:02 2009
@@ -258,7 +258,7 @@
             </tr>\n
           </table>\n
         </div>\n
-        <div class="ListContent">\n
+        <div class="listbox">\n
           <table cellpadding="0" cellspacing="0"\n
                  summary="This table contains the listbox content">\n
             <tr id="listbox_label_line" class="listbox_label_line"\n

Modified: erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml
URL: http://svn.erp5.org/erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml?rev=26259&r1=26258&r2=26259&view=diff
==============================================================================
--- erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml [utf8] (original)
+++ erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml [utf8] Thu Apr  2 16:26:02 2009
@@ -91,7 +91,7 @@
 \n
           <input tal:condition="python:is_gadget_mode" type="hidden" name="dom_id" tal:attributes="value dom_id" />\n
 \n
-          <table class="listbox">\n
+          <table class="listbox table">\n
           \n
             <caption>\n
                 <span class="left">\n
@@ -210,8 +210,7 @@
                 </span>\n
             </caption>\n
 \n
-            <thead>\n
-              <tr>\n
+              <tr class ="thead">\n
                 <td tal:condition="python:not is_gadget_mode and show_select_column"\n
                     class="Data" style="width: 50px; text-align: center; vertical-align: middle;float:left;">\n
                   <input id="listbox_check_all" type="image"\n
@@ -270,7 +269,7 @@
                   </tal:block>\n
                 </tal:block>\n
               </tr>\n
-              <tr tal:condition="show_search_line">\n
+              <tr class="thead" tal:condition="show_search_line">\n
                 <td tal:condition="python: show_select_column and show_search_line and not is_gadget_mode"\n
                     class="Data" style="width: 50px; text-align: center; vertical-align: middle">\n
                   <input id="listbox_select" type="image" src="exec16.png"\n
@@ -304,13 +303,13 @@
                   </tal:block>\n
                 </td>\n
               </tr>\n
-            </thead>\n
 \n
             <tal:replace tal:content="nothing">\n
               TODO: Move pagination pre-calcultion higher in that code.\n
             </tal:replace>\n
-            <tfoot tal:condition="python: int(here.total_size) > int(here.getMaxLineNumber())">\n
-              <tr tal:define="max_lines      python: here.getMaxLineNumber();\n
+              <tr tal:condition="python: int(here.total_size) > int(here.getMaxLineNumber())"\n
+                class="tfoot"\n
+                tal:define="max_lines      python: here.getMaxLineNumber();\n
                               total_page     python: here.total_pages;\n
                               page_id        python: here.current_page;\n
                               current_page   python: page_id + 1;\n
@@ -404,10 +403,9 @@
                   </tal:block>\n
                 </td>\n
               </tr>\n
-            </tfoot>\n
-\n
-            <tbody tal:condition="line_list">\n
-              <tr tal:repeat="line line_list" tal:define="checked_uid_set here/getCheckedUidSet">\n
+\n
+              <tr class="tbody" tal:condition="line_list"\n
+                tal:repeat="line line_list" tal:define="checked_uid_set here/getCheckedUidSet">\n
                 <td tal:condition="python: show_select_column and not is_gadget_mode"\n
                     class="DataA" style="width: 50px; text-align: center; vertical-align: middle"\n
                     >\n
@@ -436,7 +434,6 @@
                   </td>\n
                 </tal:block>\n
               </tr>\n
-            </tbody>\n
 \n
           </table>\n
 \n

Modified: erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml
URL: http://svn.erp5.org/erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml?rev=26259&r1=26258&r2=26259&view=diff
==============================================================================
--- erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml [utf8] (original)
+++ erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml [utf8] Thu Apr  2 16:26:02 2009
@@ -1134,14 +1134,14 @@
   background-repeat: no-repeat;\n
 }\n
 \n
-.ListContent {\n
+.listbox {\n
   color: #000;\n
   background-color: <dtml-var document_background_color>;\n
   padding-left: 1px;\n
 }\n
 \n
-.ListContent table,\n
-table.listbox {\n
+.listbox table,\n
+table.listbox.table {\n
   width: 100%;\n
   border-collapse: collapse;\n
   border-color: <dtml-var document_border_color>;\n
@@ -1152,33 +1152,33 @@
   border-right-width: 1px;\n
 }\n
 \n
-.ListContent .listbox_label_line td.Data {\n
+.listbox .listbox_label_line td.Data {\n
   border-top-width: 1px;\n
 }\n
 \n
-.ListContent .listbox_label_line {\n
+.listbox .listbox_label_line {\n
   color: <dtml-var font_color>;\n
   background-color: <dtml-var listbox_label_background_color>;\n
 /*   font-size: 90%; */\n
 }\n
 \n
-.ListContent .listbox_stat_line {\n
+.listbox .listbox_stat_line {\n
   color: inherit;\n
   background-color: <dtml-var listbox_stat_background_color>;\n
 }\n
 \n
-.ListContent .listbox_stat_line td.Data {\n
+.listbox .listbox_stat_line td.Data {\n
   border-top-width: 1px;\n
   border-top-style: solid;\n
   border-color: <dtml-var document_border_color>;\n
 }\n
 \n
-.ListContent tr.DataA {\n
+.listbox tr.DataA {\n
   color: inherit;\n
   background-color: <dtml-var listbox_odd_background_color>;\n
 }\n
 \n
-.ListContent tr.DataB {\n
+.listbox tr.DataB {\n
   color: inherit;\n
   background-color: <dtml-var listbox_even_background_color>;\n
 }\n
@@ -1189,14 +1189,14 @@
   vertical-align: middle;\n
 }\n
 \n
-.ListContent tr.DataA:hover,\n
-.ListContent tr.DataB:hover, \n
-table.listbox tbody tr:hover{\n
+.listbox tr.DataA:hover,\n
+.listbox tr.DataB:hover, \n
+table.listbox.table tr.tbody:hover{\n
   color: inherit;\n
   background-color: <dtml-var listbox_hover_background_color>;\n
 }\n
 \n
-.ListContent td {\n
+.listbox td {\n
   border-color: <dtml-var document_border_color>;\n
   border-style: solid;\n
   border-top-width: 0;\n
@@ -1207,9 +1207,48 @@
   padding-right: 1px;\n
 }\n
 \n
-.ListContent .error {\n
+.listbox .error {\n
   color: #F00;\n
 }\n
+\n
+table.listbox {\n
+  width: 100%;\n
+  margin-bottom: 1em;\n
+  border-style: solid;\n
+  border-width: 0 1px 1px 1px;\n
+  border-color:<dtml-var document_border_color>;\n
+}\n
+\n
+table.listbox .thead    {background: #e6e6e6}\n
+\n
+table.listbox .thead th,\n
+table.listbox a {\n
+  font-weight: normal\n
+}\n
+\n
+table.listbox td,\n
+table.listbox th {\n
+  text-align: left;\n
+  padding: .3em;\n
+  border: 1px solid <dtml-var document_border_color>;\n
+}\n
+\n
+table.listbox tr.tbody:hover {background:<dtml-var listbox_hover_background_color>}\n
+\n
+table.listbox .tbody td.icon {\n
+  text-align: center;\n
+  padding: 0;\n
+}\n
+\n
+table.listbox .tbody td.icon a {\n
+  display: block;\n
+  padding: .3em;\n
+}\n
+\n
+table.listbox tr.tbody td div.coordinates a {\n
+  color:green;\n
+}\n
+\n
 td.AnchorColumn {\n
   !important\n
   border-style:none;\n
@@ -1252,49 +1291,6 @@
 div.searchResultHeader .right {float: right}\n
 div.searchResultHeader .left  {float: left}\n
 \n
-/* Document list\n
-------------------------------------------------*/\n
-table.documentList {\n
-  width: 100%;\n
-  margin-bottom: 1em;\n
-  border-style: solid;\n
-  border-width: 0 1px 1px 1px;\n
-  border-color:<dtml-var document_border_color>;\n
-}\n
-\n
-table.documentList thead    {background: #e6e6e6}\n
-\n
-table.documentList thead th,\n
-table.documentList a {\n
-  font-weight: normal\n
-}\n
-\n
-table.documentList td,\n
-table.documentList th {\n
-  text-align: left;\n
-  padding: .3em;\n
-  border: 1px solid <dtml-var document_border_color>;\n
-}\n
-\n
-table.documentList tbody tr.even {background: <dtml-var listbox_even_background_color>;}\n
-table.documentList tbody tr.odd  {background: <dtml-var listbox_odd_background_color>;}\n
-\n
-table.documentList tbody tr:hover {background:<dtml-var listbox_hover_background_color>}\n
-\n
-table.documentList tbody td.icon {\n
-  text-align: center;\n
-  padding: 0;\n
-}\n
-\n
-table.documentList tbody td.icon a {\n
-  display: block;\n
-  padding: .3em;\n
-}\n
-\n
-table.documentList tbody tr td div.coordinates a {\n
-  color:green;\n
-}\n
-\n
 \n
 /* Search results list\n
 ------------------------------------------------*/\n
@@ -1354,21 +1350,21 @@
   content: "]";\n
 }\n
 \n
-div.search.result .resultList table.documentList caption {\n
+div.search.result .resultList table.listbox caption {\n
   font-weight: bold;\n
   text-align: left;\n
 }\n
 \n
-div.search.result .resultList table.documentList td {\n
+div.search.result .resultList table.listbox td {\n
   vertical-align: middle;\n
   border: transparent;\n
   margin:0;\n
 }\n
 \n
-div.search.result .resultList table.documentList td ul    {list-style: none}\n
-div.search.result .resultList table.documentList td ul li {margin: 0}\n
-\n
-div.search.result .resultList table.documentList td blockquote {\n
+div.search.result .resultList table.listbox td ul    {list-style: none}\n
+div.search.result .resultList table.listbox td ul li {margin: 0}\n
+\n
+div.search.result .resultList table.listbox td blockquote {\n
   border: 1px solid #e6e2e6;\n
   border-top-color: #000;\n
   margin: .5em 0 2em;\n
@@ -1389,7 +1385,7 @@
 }\n
 \n
 div.searchResultHeader #style_toggle_icon,\n
-    table.listbox #style_toggle_icon {\n
+table.listbox.table #style_toggle_icon {\n
       padding:0;\n
       border: 0px;\n
       border-color:red;\n

Modified: erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/bt/revision
URL: http://svn.erp5.org/erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/bt/revision?rev=26259&r1=26258&r2=26259&view=diff
==============================================================================
--- erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/bt/revision [utf8] (original)
+++ erp5/trunk/products/ERP5/bootstrap/erp5_xhtml_style/bt/revision [utf8] Thu Apr  2 16:26:02 2009
@@ -1,1 +1,1 @@
-685
+686




More information about the Erp5-report mailing list