diff --git a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
index 135e6158701b6e4d7e714ee2ac1b95f90ce240d0..e781da8cf0217b271dab157980a9b7e3ae6ae0b1 100644
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
@@ -251,7 +251,7 @@ a:focus {
outline-offset: -2px;
outline: 2px solid #3388cc;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
a[accesskey]:after {
content: " [" attr(accesskey) "] ";
}
@@ -417,12 +417,12 @@ div[data-gadget-scope='panel'] {
display: block;
z-index: 2000;
}
-@media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='panel'] {
box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
}
}
-@media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='panel'] {
left: -186pt;
transition: transform 200ms ease-out;
@@ -458,7 +458,7 @@ div[data-gadget-scope='panel'] div[data-role="header"] a::before {
text-indent: 0;
margin-left: 12pt;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='panel'] div[data-role="header"] button[data-i18n="Close"],
div[data-gadget-scope='panel'] div[data-role="header"] a[data-i18n="Close"] {
display: none;
@@ -500,7 +500,7 @@ div[data-gadget-scope='editor_panel'] {
display: block;
z-index: 3000;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='editor_panel'] {
left: -186pt;
transition: transform 200ms ease-out;
@@ -511,7 +511,7 @@ div[data-gadget-scope='editor_panel'] {
transform: translate3d(186pt, 0, 0);
}
}
-@media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='editor_panel'] {
right: -186pt;
transition: transform 200ms ease-out;
@@ -602,7 +602,7 @@ div[data-gadget-scope='header'] .ui-header {
color: #FFFFFF;
background-color: #0E81C2;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header {
margin-left: 180pt;
}
@@ -624,13 +624,13 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
transition: background-color 0.2s ease-out;
line-height: 30pt;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
background-color: #0E81C2;
}
}
-@media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
background-color: #085078;
@@ -642,13 +642,13 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button:acti
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
background-color: #0e90d8;
}
-@media only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
width: 8em;
}
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a {
width: 3em;
@@ -657,7 +657,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
white-space: nowrap;
}
}
-@media only screen and (min-width: 28em) and (max-width: 70em), only screen and (min-width: 70em) {
+@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button::before,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a::before {
width: 1em;
@@ -665,7 +665,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
text-align: center;
}
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button::before,
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a::before {
float: left;
@@ -673,7 +673,7 @@ div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a:active {
margin-left: 12pt;
}
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls button[name="panel"],
div[data-gadget-scope='header'] .ui-header .ui-controlgroup-controls a[name="panel"] {
display: none;
@@ -683,13 +683,13 @@ div[data-gadget-scope='header'] .ui-header > .ui-btn-left button,
div[data-gadget-scope='header'] .ui-header > .ui-btn-left a {
border-right: 1px solid rgba(255, 255, 255, 0.55);
}
-@media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header > .ui-btn-right button,
div[data-gadget-scope='header'] .ui-header > .ui-btn-right a {
border-left: 1px solid rgba(255, 255, 255, 0.55);
}
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header > .ui-btn-right button,
div[data-gadget-scope='header'] .ui-header > .ui-btn-right a {
padding-left: 24pt;
@@ -706,7 +706,7 @@ div[data-gadget-scope='header'] .ui-header h1 {
overflow: hidden;
text-overflow: ellipsis;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header h1 {
flex: 1 100%;
}
@@ -714,12 +714,12 @@ div[data-gadget-scope='header'] .ui-header h1 {
div[data-gadget-scope='header'] .ui-header h1 > span {
padding-left: 42pt;
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
div[data-gadget-scope='header'] .ui-header h1 > span {
padding-left: 30pt;
}
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header h1 > span {
padding-left: 24pt;
}
@@ -734,28 +734,28 @@ div[data-gadget-scope='header'] .ui-header h1 a::before {
display: inline-block;
width: 42pt;
}
-@media only screen and (min-width: 28em) and (max-width: 70em), only screen and (max-width: 28em) {
+@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (max-width: 45em) {
div[data-gadget-scope='header'] .ui-header h1 a::before {
text-align: center;
}
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header h1 a::before {
padding-left: 24pt;
}
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
div[data-gadget-scope='header'] .ui-header h1 a::before {
width: 30pt;
}
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-subheader {
text-align: left;
flex: 1;
}
}
-@media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (max-width: 45em), only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header .ui-subheader {
flex: 1 100%;
}
@@ -763,7 +763,7 @@ div[data-gadget-scope='header'] .ui-header h1 a::before {
div[data-gadget-scope='header'] .ui-header ul {
display: flex;
}
-@media only screen and (min-width: 28em) and (max-width: 70em), only screen and (max-width: 28em) {
+@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (max-width: 45em) {
div[data-gadget-scope='header'] .ui-header ul li {
flex: 1;
border-left: 1px solid rgba(0, 0, 0, 0.55);
@@ -775,7 +775,7 @@ div[data-gadget-scope='header'] .ui-header ul {
display: block;
}
}
-@media only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (min-width: 45em) and (max-width: 90em) {
div[data-gadget-scope='header'] .ui-header ul li a {
padding-top: 3pt;
padding-bottom: 3pt;
@@ -787,7 +787,7 @@ div[data-gadget-scope='header'] .ui-header ul {
display: block;
}
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
div[data-gadget-scope='header'] .ui-header ul li a {
text-align: center;
vertical-align: middle;
@@ -804,7 +804,7 @@ div[data-gadget-scope='header'] .ui-header ul {
width: 100%;
}
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
div[data-gadget-scope='header'] .ui-header ul li a {
display: block;
padding-left: 24pt;
@@ -853,17 +853,17 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content input[type='submit']:active {
background-color: #777777;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 90em) {
.gadget-content {
margin-left: 180pt;
}
}
-@media only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (min-width: 45em) and (max-width: 90em) {
.gadget-content {
padding-top: 7em;
}
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.gadget-content {
padding: 6pt;
padding-top: 6em;
@@ -930,7 +930,7 @@ div[data-gadget-scope='header'] .ui-header ul {
position: absolute;
right: 6pt;
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) {
.gadget-content .left,
.gadget-content .right {
vertical-align: top;
@@ -941,7 +941,7 @@ div[data-gadget-scope='header'] .ui-header ul {
padding-left: 24pt;
}
}
-@media only screen and (min-width: 28em) and (max-width: 70em), only screen and (min-width: 70em) {
+@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) {
.gadget-content .ui-field-contain {
display: flex;
}
@@ -952,7 +952,7 @@ div[data-gadget-scope='header'] .ui-header ul {
flex: 3;
}
}
-@media only screen and (min-width: 70em) {
+@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) {
.gadget-content .center .ui-field-contain label + div {
flex: 7;
}
@@ -1038,7 +1038,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
display: flex;
padding-bottom: 6pt;
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.document_table .ui-table-header {
border-bottom: 2px solid rgba(0, 0, 0, 0.14902);
}
@@ -1057,7 +1057,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table .ui-table-header button:last-of-type {
margin-right: 0;
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.document_table .ui-table-header button {
width: 2em;
overflow: hidden;
@@ -1068,7 +1068,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table .ui-table-header button::before {
margin-right: 6pt;
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.document_table .ui-table-header button::before {
float: left;
text-indent: 0;
@@ -1089,7 +1089,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table thead tr th {
padding: 6pt 3pt;
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.document_table table thead {
display: none;
}
@@ -1104,13 +1104,13 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tbody tr:active {
background-color: #e0e0e0;
}
-@media only screen and (min-width: 70em), only screen and (min-width: 28em) and (max-width: 70em) {
+@media only screen and (min-width: 90em), only screen and (min-width: 45em) and (max-width: 90em) {
.document_table table tbody a {
display: block;
padding: 3pt;
}
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.document_table table tbody tr {
display: block;
overflow: hidden;
@@ -1194,7 +1194,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tfoot .ui-controlgroup-controls a:active {
background-color: #e0e0e0;
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.document_table table tfoot .ui-controlgroup-controls a {
overflow: hidden;
text-indent: -9999px;
@@ -1204,7 +1204,7 @@ div[data-gadget-scope='erp5_searchfield'] button {
.document_table table tfoot .ui-controlgroup-controls a::before {
margin-right: 6pt;
}
-@media only screen and (max-width: 28em) {
+@media only screen and (max-width: 45em) {
.document_table table tfoot .ui-controlgroup-controls a::before {
float: left;
text-indent: 6pt;
diff --git a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
index cc8f13c1501175d5797c479ba374e6abee2a136d..8587576642b1c92900268fb3393d9bd04e0d4616 100644
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
@@ -242,7 +242,7 @@
</item>
<item>
<key> <string>serial</string> </key>
- <value> <string>955.18008.27011.15018</string> </value>
+ <value> <string>955.19399.9037.3396</string> </value>
</item>
<item>
<key> <string>state</string> </key>
@@ -260,7 +260,7 @@
</tuple>
<state>
<tuple>
- <float>1479216615.32</float>
+ <float>1479218471.04</float>
<string>UTC</string>
</tuple>
</state>
diff --git a/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt b/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
index 42f19f7cee9923de25a4e7728b5c7dcce6f7eabf..52ebd1f16ab95229db9d546475cd7287abe4bb0c 100644
--- a/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
+++ b/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
@@ -47,9 +47,9 @@
@panelwidth: @margin-size * 30;
// @panelwidth: 15em;
-@smartphone: ~"only screen and (max-width: 28em)";
-@tablet: ~"only screen and (min-width: 28em) and (max-width: 70em)";
-@desktop: ~"only screen and (min-width: 70em)";
+@smartphone: ~"only screen and (max-width: 45em)";
+@tablet: ~"only screen and (min-width: 45em) and (max-width: 90em)";
+@desktop: ~"only screen and (min-width: 90em)";
/**********************************************
@@ -1075,7 +1075,7 @@ div[data-gadget-scope='header'] .ui-header {
}
}
- @media @desktop {
+ @media @tablet, @desktop {
.left, .right {
vertical-align: top;
display: inline-block;
@@ -1099,7 +1099,7 @@ div[data-gadget-scope='header'] .ui-header {
}
}
}
- @media @desktop {
+ @media @tablet, @desktop {
// Align field on the left group's field
.center {
.ui-field-contain {