erp5_web_renderjs_ui: simplify grid CSS for rowspan

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml

@@ -1691,7 +1691,7 @@ html .ui-panel .ui-listview .ui-li-has-icon a {\n
 .ui-grid-container > ul > li:first-child:nth-last-child(7) ~ li,\n
 .ui-grid-container > ul.ui-grid-column-7 > li:first-child:nth-last-child(n),\n
 .ui-grid-container > ul.ui-grid-column-7 > li:first-child:nth-last-child(n) ~ li {\n
-  width: 14,285714286%;\n
+  width: 14.285714286%;\n
 }\n
 .ui-grid-container > ul > li:first-child:nth-last-child(8),\n
 .ui-grid-container > ul > li:first-child:nth-last-child(8) ~ li,\n
@@ -1712,102 +1712,83 @@ html .ui-panel .ui-listview .ui-li-has-icon a {\n
   width: 10%;\n
 }\n
 \n
-/* rowspan (1 per row!) */\n
+/* rowspan */\n
 /* 3 cells */\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-2,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-2 {\n
+html .ui-grid-container > ul.ui-grid-column-3 > li:nth-child(-n+2).ui-grid-span-2 {\n
   width: 66.666%;\n
 }\n
 /* 4 cells */\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-2,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-2 {\n
+html .ui-grid-container > ul.ui-grid-column-4 > li:nth-child(-n+3).ui-grid-span-2 {\n
   width: 50%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-3,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-3 {\n
+html .ui-grid-container > ul.ui-grid-column-4 > li:nth-child(-n+2).ui-grid-span-3 {\n
   width: 75%;\n
 }\n
 /* 5 cells */\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-2,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-2 {\n
+html .ui-grid-container > ul.ui-grid-column-5 > li:nth-child(-n+4).ui-grid-span-2 {\n
   width: 40%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-3,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-3 {\n
+html .ui-grid-container > ul.ui-grid-column-5 > li:nth-child(-n+3).ui-grid-span-3 {\n
   width: 60%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-4,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-4 {\n
+html .ui-grid-container > ul.ui-grid-column-5 > li:nth-child(-n+2).ui-grid-span-4 {\n
   width: 80%;\n
 }\n
 /* 6 cells */\n
-.ui-grid-container > ul > li:first-child:nth-last-child(5).ui-grid-span-2,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(5) ~ li.ui-grid-span-2 {\n
+html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+5).ui-grid-span-2 {\n
   width: 33.33%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-3,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-3 {\n
+html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+4).ui-grid-span-3 {\n
   width: 50%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-4,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-4 {\n
+html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+4).ui-grid-span-4 {\n
   width: 66.66%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-5,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-5 {\n
+html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+4).ui-grid-span-5 {\n
   width: 83.33%;\n
 }\n
 /* 7 cells */\n
-.ui-grid-container > ul > li:first-child:nth-last-child(6).ui-grid-span-2,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(6) ~ li.ui-grid-span-2 {\n
+html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+6).ui-grid-span-2 {\n
   width: 28.571428571%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(5).ui-grid-span-3,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(5) ~ li.ui-grid-span-3 {\n
+html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+5).ui-grid-span-3 {\n
   width: 42.857142857%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-4,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-4 {\n
+html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+4).ui-grid-span-4 {\n
   width: 57.142857142%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-5,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-5 {\n
+html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+3).ui-grid-span-5 {\n
   width: 71.428571428%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-6,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-6 {\n
+html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+2).ui-grid-span-6 {\n
   width: 85.714285714%;\n
 }\n
+\n
 /* 8 cells */\n
-.ui-grid-container > ul > li:first-child:nth-last-child(7).ui-grid-span-2,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(7) ~ li.ui-grid-span-2 {\n
+html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+7).ui-grid-span-2 {\n
   width: 25%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(6).ui-grid-span-3,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(6) ~ li.ui-grid-span-3 {\n
+html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+6).ui-grid-span-3 {\n
   width: 37.5%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(5).ui-grid-span-4,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(5) ~ li.ui-grid-span-4 {\n
+html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+5).ui-grid-span-4 {\n
   width: 50%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-5,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-5 {\n
+html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+4).ui-grid-span-5 {\n
   width: 62.5%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-6,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-6 {\n
+html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+3).ui-grid-span-6 {\n
   width: 75%;\n
 }\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-6,\n
-.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-6 {\n
+html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+2).ui-grid-span-7 {\n
   width: 87.5%;\n
 }\n
+\n
 /* 9 cells */\n
 \n
 /* 10 cells */\n
 \n
-\n
+/* responsiveness */\n
 @media (max-width: 32em) {\n
   html.ui-mobile .ui-grid-container.ui-responsive > ul > li,\n
   html.ui-mobile .ui-grid-container.ui-responsive > ul[class*="ui-grid-column"] > li {\n
@@ -1956,7 +1937,6 @@ html .ui-panel .ui-listview .ui-li-has-icon a {\n
   left: 0;\n
   bottom: 0;\n
   right: 0;\n
-  border: 1px solid red;\n
 }\n
 */\n
 /* ================================ */\n
@@ -5127,7 +5107,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>943.27359.12099.12646</string> </value>
+                <value> <string>943.27958.38361.32614</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -5145,7 +5125,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1433201446.85</float>
+                        <float>1433237227.31</float>
                         <string>GMT</string>
                       </tuple>
                     </state>