fix: in "lightweight" themes, split header buttons overflow

part of #7620

Author: starpit

plugins/plugin-client-common/src/components/Content/Table/PaginatedTable.tsx

@@ -43,8 +43,9 @@ import { BreadcrumbView } from '../../spi/Breadcrumb'
 import KuiConfiguration from '../../Client/KuiConfiguration'
 
 /** import the kui theme alignment */
+import '../../../../web/scss/components/Table/_index.scss'
 import '../../../../web/scss/components/Table/PatternFly.scss'
-import '../../../../web/scss/components/Table/carbon-kui-theme-alignment.scss'
+// import '../../../../web/scss/components/Table/carbon-kui-theme-alignment.scss'
 
 const strings = i18n('plugin-client-common')
 

plugins/plugin-client-common/web/scss/components/Table/Lightweight.scss renamed to plugins/plugin-client-common/web/scss/Lightweight/_index.scss

@@ -15,13 +15,11 @@
  */
 
 @import 'mixins';
-@import 'lightweight_mixins';
-@import '../Table/mixins';
-@import '../Sidecar/mixins';
-@import '../Terminal/mixins';
-@import '../common/Lightweight';
-@import '../TopTabStripe/mixins';
-@import 'SequenceDiagram/mixins';
+@import '../components/Table/mixins';
+@import '../components/Sidecar/mixins';
+@import '../components/Terminal/mixins';
+@import '../components/TopTabStripe/mixins';
+@import '../components/Table/SequenceDiagram/mixins';
 
 $block-padding: 0.25em;
 $row-height: 1.5em;
@@ -30,6 +28,11 @@ $row-height: 1.5em;
   font-size: 0.8125rem; /* 13px */
   --kui--font-factor: 0.8125/0.875;
 
+  /* No "Brand" */
+  @include HeaderNameContainer {
+    display: none;
+  }
+
   @include SideBySide {
     @include LightweightBlocks;
   }
@@ -89,11 +92,11 @@ $row-height: 1.5em;
   }
 
   @include TableRow {
+    border: none;
     height: $row-height;
   }
 
   @include TopTabStripe {
-    height: 2.75em;
     --tab-shadow: inset 0 -2px 0 0;
 
     @include TopTabStripe_Tab_Active {

plugins/plugin-client-common/web/scss/components/Table/_lightweight_mixins.scss renamed to plugins/plugin-client-common/web/scss/Lightweight/_mixins.scss

@@ -14,7 +14,13 @@
  * limitations under the License.
  */
 
-@import '../Terminal/mixins';
+@import '../components/Terminal/mixins';
+
+@mixin LightweightUI {
+  html.kui > body.kui--lightweight-ui {
+    @content;
+  }
+}
 
 @mixin NoPadding {
   padding: 0;

plugins/plugin-client-common/web/scss/components/Table/carbon-kui-theme-alignment.scss renamed to plugins/plugin-client-common/web/scss/components/Table/_index.scss

@@ -14,6 +14,5 @@
  * limitations under the License.
  */
 
-@import './pagination', './tables', './buttons', './select', './badges';
-@import './Lightweight';
-@import './kui-tables';
+@import 'badges';
+@import 'tables';