Skip to content

erp5
erp5
Commit 2602d65b authored by Sven Franck's avatar Sven Franck
Browse files
Options

erp5_web_renderjs_ui: simplify grid CSS for rowspan

parent dbc1c341
Hide whitespace changes
Inline Side-by-side
Showing with 28 additions and 48 deletions
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
View file @ 2602d65b
...@@ -1691,7 +1691,7 @@ html .ui-panel .ui-listview .ui-li-has-icon a {\n ...@@ -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 > 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),\n
.ui-grid-container > ul.ui-grid-column-7 > li:first-child:nth-last-child(n) ~ li {\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 }\n
.ui-grid-container > ul > li:first-child:nth-last-child(8),\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 .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 ...@@ -1712,102 +1712,83 @@ html .ui-panel .ui-listview .ui-li-has-icon a {\n
width: 10%;\n width: 10%;\n
}\n }\n
\n \n
/* rowspan (1 per row!) */\n /* rowspan */\n
/* 3 cells */\n /* 3 cells */\n
.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-2,\n html .ui-grid-container > ul.ui-grid-column-3 > li:nth-child(-n+2).ui-grid-span-2 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-2 {\n
width: 66.666%;\n width: 66.666%;\n
}\n }\n
/* 4 cells */\n /* 4 cells */\n
.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-2,\n html .ui-grid-container > ul.ui-grid-column-4 > li:nth-child(-n+3).ui-grid-span-2 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-2 {\n
width: 50%;\n width: 50%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-3,\n html .ui-grid-container > ul.ui-grid-column-4 > li:nth-child(-n+2).ui-grid-span-3 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-3 {\n
width: 75%;\n width: 75%;\n
}\n }\n
/* 5 cells */\n /* 5 cells */\n
.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-2,\n html .ui-grid-container > ul.ui-grid-column-5 > li:nth-child(-n+4).ui-grid-span-2 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-2 {\n
width: 40%;\n width: 40%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-3,\n html .ui-grid-container > ul.ui-grid-column-5 > li:nth-child(-n+3).ui-grid-span-3 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-3 {\n
width: 60%;\n width: 60%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-4,\n html .ui-grid-container > ul.ui-grid-column-5 > li:nth-child(-n+2).ui-grid-span-4 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-4 {\n
width: 80%;\n width: 80%;\n
}\n }\n
/* 6 cells */\n /* 6 cells */\n
.ui-grid-container > ul > li:first-child:nth-last-child(5).ui-grid-span-2,\n html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+5).ui-grid-span-2 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(5) ~ li.ui-grid-span-2 {\n
width: 33.33%;\n width: 33.33%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-3,\n html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+4).ui-grid-span-3 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-3 {\n
width: 50%;\n width: 50%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-4,\n html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+4).ui-grid-span-4 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-4 {\n
width: 66.66%;\n width: 66.66%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-5,\n html .ui-grid-container > ul.ui-grid-column-6 > li:nth-child(-n+4).ui-grid-span-5 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-5 {\n
width: 83.33%;\n width: 83.33%;\n
}\n }\n
/* 7 cells */\n /* 7 cells */\n
.ui-grid-container > ul > li:first-child:nth-last-child(6).ui-grid-span-2,\n html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+6).ui-grid-span-2 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(6) ~ li.ui-grid-span-2 {\n
width: 28.571428571%;\n width: 28.571428571%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(5).ui-grid-span-3,\n html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+5).ui-grid-span-3 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(5) ~ li.ui-grid-span-3 {\n
width: 42.857142857%;\n width: 42.857142857%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-4,\n html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+4).ui-grid-span-4 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-4 {\n
width: 57.142857142%;\n width: 57.142857142%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-5,\n html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+3).ui-grid-span-5 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-5 {\n
width: 71.428571428%;\n width: 71.428571428%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(2).ui-grid-span-6,\n html .ui-grid-container > ul.ui-grid-column-7 > li:nth-child(-n+2).ui-grid-span-6 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(2) ~ li.ui-grid-span-6 {\n
width: 85.714285714%;\n width: 85.714285714%;\n
}\n }\n
\n
/* 8 cells */\n /* 8 cells */\n
.ui-grid-container > ul > li:first-child:nth-last-child(7).ui-grid-span-2,\n html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+7).ui-grid-span-2 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(7) ~ li.ui-grid-span-2 {\n
width: 25%;\n width: 25%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(6).ui-grid-span-3,\n html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+6).ui-grid-span-3 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(6) ~ li.ui-grid-span-3 {\n
width: 37.5%;\n width: 37.5%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(5).ui-grid-span-4,\n html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+5).ui-grid-span-4 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(5) ~ li.ui-grid-span-4 {\n
width: 50%;\n width: 50%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(4).ui-grid-span-5,\n html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+4).ui-grid-span-5 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(4) ~ li.ui-grid-span-5 {\n
width: 62.5%;\n width: 62.5%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-6,\n html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+3).ui-grid-span-6 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-6 {\n
width: 75%;\n width: 75%;\n
}\n }\n
.ui-grid-container > ul > li:first-child:nth-last-child(3).ui-grid-span-6,\n html .ui-grid-container > ul.ui-grid-column-8 > li:nth-child(-n+2).ui-grid-span-7 {\n
.ui-grid-container > ul > li:first-child:nth-last-child(3) ~ li.ui-grid-span-6 {\n
width: 87.5%;\n width: 87.5%;\n
}\n }\n
\n
/* 9 cells */\n /* 9 cells */\n
\n \n
/* 10 cells */\n /* 10 cells */\n
\n \n
\n /* responsiveness */\n
@media (max-width: 32em) {\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 > li,\n
html.ui-mobile .ui-grid-container.ui-responsive > ul[class*="ui-grid-column"] > 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 ...@@ -1956,7 +1937,6 @@ html .ui-panel .ui-listview .ui-li-has-icon a {\n
left: 0;\n left: 0;\n
bottom: 0;\n bottom: 0;\n
right: 0;\n right: 0;\n
border: 1px solid red;\n
}\n }\n
*/\n */\n
/* ================================ */\n /* ================================ */\n
...@@ -5127,7 +5107,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n ...@@ -5127,7 +5107,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>943.27359.12099.12646</string> </value> <value> <string>943.27958.38361.32614</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -5145,7 +5125,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n ...@@ -5145,7 +5125,7 @@ html .ui-panel .ui-content .ui-btn[class*="ui-icon-"]:after {\n
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1433201446.85</float> <float>1433237227.31</float>
<string>GMT</string> <string>GMT</string>
</tuple> </tuple>
</state> </state>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7