Improvement on the UI/UX (#543)

Improvement on the UI/UX of the data table
jenkinsci · Nov 26, 2023 · f8a6d31 · f8a6d31
1 parent 1ad65ec
commit f8a6d31
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/.../plugins/lockableresources/actions/LockableResourcesRootAction/tableResources/table.jelly b/.../plugins/lockableresources/actions/LockableResourcesRootAction/tableResources/table.jelly
@@ -57,19 +57,19 @@ THE SOFTWARE.
     >
       <colgroup>
         <!-- index -->
-        <col class="col-width-0 text-end" />
+        <col class="text-end" />
         <!-- resouce -->
-        <col class="col-width-5 text-end" />
+        <col class="width-100 text-end" />
         <!-- status -->
-        <col class="col-width-2 text-end" />
+        <col class="width-100 text-end" />
         <!-- timestamp -->
-        <col class="col-width-1 text-end" />
+        <col class="width-100 text-end" />
         <!-- labels -->
-        <col class="col-width-5 text-end" />
+        <col class="width-100 text-end" />
         <!-- properties -->
-        <col class="col-width-5 text-end" />
+        <col class="width-100 text-end" />
         <!-- actions -->
-        <col action="col-width-1 text-end" />
+        <col action="width-100 text-end" />
       </colgroup>
       <thead>
         <th data-class-name="index">${%resources.table.column.index}</th>

diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
@@ -49,4 +49,8 @@ table.dataTable td, table.dataTable th {
 
 .table-properties>tbody>tr>td {
   height: 1rem;
+}
+
+.width-100 {
+  width: 100%;
 }