fix(ktable): bulk actions checkboxes should be valign center (#2446)

Kong · Oct 12, 2024 · cfca76a · cfca76a
1 parent 2d369d5
commit cfca76a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/KCheckbox/KCheckbox.vue b/src/components/KCheckbox/KCheckbox.vue
@@ -192,7 +192,7 @@ export default {
     position: relative;
 
     &.has-label {
-      margin-top: 3px; // align with label
+      margin-top: 2px; // align with label
     }
   }
 
@@ -280,6 +280,7 @@ export default {
 
     .checkbox-label {
       cursor: pointer;
+      display: flex;
       margin: 0;
 
       &.required {

diff --git a/src/styles/mixins/_tables.scss b/src/styles/mixins/_tables.scss
@@ -95,7 +95,6 @@
             line-height: var(--kui-line-height-30, $kui-line-height-30);
             padding: $tableThPaddingY var(--kui-space-60, $kui-space-60);
             text-align: left;
-            vertical-align: bottom;
 
             &.resizable {
               // set min width so the column can't be collapsed to nothing - avoiding bad UX
@@ -377,6 +376,11 @@
         }
       }
     }
+
+    .bulk-actions-checkbox,
+    .table-header-bulk-actions-checkbox {
+      display: flex;
+    }
   }
 
   .table-pagination {