Commit d41db7ab authored by Jérome Perrin's avatar Jérome Perrin

web_renderjs_ui: increase space between listbox column header and sort icon

The space between listbox column header and icon used to display the sort order
was a bit too small, making it hard to see if the sort was ascending or descending
sometimes.

To have more space, set a margin-right on the before pseudo-element, like we are
already doing for buttons with text and icon.
parent 1c906e1e
...@@ -1438,6 +1438,10 @@ div.invisible_header .document_table .ui-table-header { ...@@ -1438,6 +1438,10 @@ div.invisible_header .document_table .ui-table-header {
.document_table table tfoot tr th { .document_table table tfoot tr th {
padding: 6pt 3pt; padding: 6pt 3pt;
} }
.document_table table thead tr th.ui-icon::before,
.document_table table tfoot tr th.ui-icon::before {
margin-right: 6pt;
}
@media not screen and (min-width: 45em) { @media not screen and (min-width: 45em) {
.document_table table thead, .document_table table thead,
.document_table table tfoot { .document_table table tfoot {
......
...@@ -262,7 +262,7 @@ ...@@ -262,7 +262,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1593579172.65</float> <float>1602657030.85</float>
<string>GMT+2</string> <string>GMT+2</string>
</tuple> </tuple>
</state> </state>
......
...@@ -1681,10 +1681,16 @@ div[data-gadget-scope='erp5_searchfield'] { ...@@ -1681,10 +1681,16 @@ div[data-gadget-scope='erp5_searchfield'] {
text-decoration: underline; text-decoration: underline;
} }
// XXX Same than cells tr {
tr { th { th {
padding: @margin-size @half-margin-size; // XXX Same than cells
}} padding: @margin-size @half-margin-size;
&.ui-icon::before {
margin-right: @margin-size;
}
}
}
// text-align: center; // text-align: center;
......
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