CSS: add support for hiding the header or footer of Listbox

Classes to hide the header or the footer of a Listbox in new render-js and the header in xhtml (since there we have nothing in the footer anyway)

/reviewed-on nexedi/erp5!947

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -1386,6 +1386,9 @@ div[data-gadget-scope='erp5_searchfield'] div.search_parsed_value button {
     text-indent: 0;
   }
 }
+div.invisible_header .document_table .ui-table-header {
+  display: none;
+}
 .document_table table {
   width: 100%;
   text-align: left;
@@ -1557,6 +1560,9 @@ div[data-gadget-scope='erp5_searchfield'] div.search_parsed_value button {
     text-indent: 6pt;
   }
 }
+div.invisible_footer .document_table nav {
+  display: none;
+}
 .document_table tbody tr td:first-child input.hide_element[type="checkbox"] {
   display: none;
 }
@@ -3224,4 +3230,4 @@ hmtl .ui-icon-carat-u::before {
 }
 .ui-icon-clone::before {
   content: "\f24d";
-}
\ No newline at end of file
+}

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -226,7 +226,7 @@
             </item>
             <item>
                 <key> <string>actor</string> </key>
-                <value> <string>zope</string> </value>
+                <value> <string>george</string> </value>
             </item>
             <item>
                 <key> <string>comment</string> </key>
@@ -240,7 +240,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>978.16630.28355.65160</string> </value>
+                <value> <string>978.62565.16505.60211</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -258,7 +258,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1567764069.82</float>
+                        <float>1570434256.84</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -1623,6 +1623,11 @@ div[data-gadget-scope='erp5_searchfield'] {
         }
       }
     }
+
+    // Used to hide Listbox header
+    div.invisible_header & {
+      display: none;
+    }
   }
 
   table {
@@ -1806,6 +1811,11 @@ div[data-gadget-scope='erp5_searchfield'] {
         }
       }
     }
+
+    // Used to hide Listbox footer
+    div.invisible_footer & {
+      display: none;
+    }
   }
 
 

product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5_listbox.css.css

@@ -141,6 +141,11 @@ th.listbox-table-report-tree-selection-cell{
 }
 
 /* Listbox header */
+
+div.invisible_header div.listbox-head {
+  display: none;
+}
+
 div.listbox-header-box{
   width: auto;
   float:left;