Commit d116b436 authored by Romain Courteaud's avatar Romain Courteaud

[erp5_web_renderjs_ui] Improve worklist rendering

parent b0506dfe
...@@ -840,16 +840,22 @@ div[data-gadget-scope='header'] .ui-header ul a { ...@@ -840,16 +840,22 @@ div[data-gadget-scope='header'] .ui-header ul a {
border-bottom-style: none; border-bottom-style: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
} }
.gadget-content ul.document-listview li a { .gadget-content ul.document-listview li:not(.ui-li-has-count) a:after {
display: block;
padding: 0.7em 1em;
color: #222222;
}
.gadget-content ul.document-listview li a:after {
font-family: FontAwesome; font-family: FontAwesome;
content: "\f0da"; content: "\f0da";
text-align: right; text-align: right;
float: right; float: right;
position: absolute;
right: 1.5em;
}
.gadget-content ul.document-listview li a {
display: block;
padding: 0.7em 1em;
padding-right: 2.5em;
color: #222222;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.gadget-content ul.document-listview li a:hover, .gadget-content ul.document-listview li a:hover,
.gadget-content ul.document-listview li a:active { .gadget-content ul.document-listview li a:active {
...@@ -864,6 +870,14 @@ div[data-gadget-scope='header'] .ui-header ul a { ...@@ -864,6 +870,14 @@ div[data-gadget-scope='header'] .ui-header ul a {
border-bottom-right-radius: 0.325em; border-bottom-right-radius: 0.325em;
border-bottom-style: solid; border-bottom-style: solid;
} }
.gadget-content ul.document-listview li .ui-li-count {
float: right;
padding: 0 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 0.325em;
position: absolute;
right: 1.5em;
}
@media only screen and (min-width: 62em) { @media only screen and (min-width: 62em) {
.gadget-content .left, .gadget-content .left,
.gadget-content .right { .gadget-content .right {
......
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>952.43131.61056.30890</string> </value> <value> <string>952.43232.32404.12953</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -254,7 +254,7 @@ ...@@ -254,7 +254,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1468932538.95</float> <float>1468938362.25</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
...@@ -963,16 +963,30 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -963,16 +963,30 @@ div[data-gadget-scope='header'] .ui-header {
border-bottom-style: none; border-bottom-style: none;
box-shadow: 0 1px 3px rgba(0,0,0,.15); box-shadow: 0 1px 3px rgba(0,0,0,.15);
&:not(.ui-li-has-count) {
a {
&:after {
font-family: FontAwesome;
content: "\f0da";
text-align: right;
float:right;
position: absolute;
right: 1.5em;
}
}
}
a { a {
display: block; display: block;
padding: 0.7em 1em; padding: 0.7em 1em;
padding-right: 2.5em;
color: #222222; color: #222222;
&:after {
font-family: FontAwesome; white-space: nowrap;
content: "\f0da"; overflow: hidden;
text-align: right; text-overflow: ellipsis;
float:right;
}
&:hover, &:active { &:hover, &:active {
background-color: @colorblocklinkbackground; background-color: @colorblocklinkbackground;
} }
...@@ -986,6 +1000,16 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -986,6 +1000,16 @@ div[data-gadget-scope='header'] .ui-header {
border-bottom-right-radius: @radius; border-bottom-right-radius: @radius;
border-bottom-style: solid; border-bottom-style: solid;
} }
.ui-li-count {
float: right;
padding: 0 0.5em;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: @radius;
position: absolute;
right: 1.5em;
}
} }
} }
......
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