erp5css.less update from upstream

erp5css.less

@@ -1380,6 +1380,11 @@ div[data-gadget-scope='header'] .ui-header {
     iframe {
       height: 80vh;
     }
+    div[data-gadget-url$="gadget_erp5_field_listbox.html"] {
+      iframe {
+        height: 30vh;
+      }
+    }
   }
 
 /*
@@ -1694,8 +1699,8 @@ div[data-gadget-scope='erp5_searchfield'] {
               display: inline-block;
               width: 100%;
 
-              a {
-                // stretch first link to full width (positioned relative to <tr>)
+              a, label {
+                // stretch first link/label to full width (positioned relative to <tr>)
                 position: absolute;
                 width: 100%;
                 top: 0;
@@ -1705,8 +1710,11 @@ div[data-gadget-scope='erp5_searchfield'] {
                 text-overflow: ellipsis;
                 // Reduce the gap between the first and second visible lines
                 padding-top: @margin-size;
+              }
 
-                &:after {
+              // In link mode, lines will display a icon on the right
+              // So that user knows he can goes to the document line
+              a:after {
                 // XXX copy/pasted
                 font-family: FontAwesome;
                 content: "\f0da";
@@ -1716,15 +1724,12 @@ div[data-gadget-scope='erp5_searchfield'] {
                 top: 50%;
                 margin-top: -0.75em;
 
-                  background-color: @colorbackground;
                 border-radius: 0.5em;
                 width: 1em;
                 text-align: center;
                 line-height: 1em;
               }
 
-              }
-
               ~ th, ~ td {
                 // set line height on cells after first row
                 // First column must be more visible
@@ -1733,13 +1738,15 @@ div[data-gadget-scope='erp5_searchfield'] {
                 display: inline;
                 word-break: break-word;
 
-                a {
+                a, label {
                   pointer-events: none;
                   // Add contrast with the first column content
                   color: @grey;
                 }
 
-                &:not(:last-child) a:not(:empty):after {
+                &:not(:last-child) {
+                  a, label {
+                    &:not(:empty):after {
                       // add tide
                       content: " ~ ";
                     }
@@ -1750,6 +1757,8 @@ div[data-gadget-scope='erp5_searchfield'] {
           }
         }
       }
+    }
+  }
 
   nav {
     display: flex;
@@ -1787,6 +1796,43 @@ div[data-gadget-scope='erp5_searchfield'] {
       }
     }
   }
+
+
+  tbody {
+    tr {
+      td {
+        // In select mode, hide the listbox line checkbox.
+        // Instead, display an icon before the first label
+        // (it is only to make the checkbox rendering nicer)
+        &:first-child {
+          input.hide_element[type="checkbox"] {
+            display: none;
+            & + label::before {
+                width: 1em;
+                display: inline-block;
+                font-weight: bold;
+                content: '☐';
+                color: @border-color;
+                margin-right: @margin-size;
+              }
+            &:checked + label {
+              // font-weight: bold;
+              &::before {
+                color: @colortextboxforeground;
+                content: '☒';
+              }
+            }
+          }
+        }
+        label {
+          // Show a pointer on top of label so that user knows he can click
+          // to change the checkbox
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
 }
 
 /**********************************************