fix: review

Raubzeug · Raubzeug · commit 9fa8c0b08bff · 2025-05-20T09:45:51.000+03:00
diff --git a/src/components/TableWithControlsLayout/TableWithControlsLayout.scss b/src/components/TableWithControlsLayout/TableWithControlsLayout.scss
@@ -20,7 +20,7 @@
     &__controls {
         z-index: 3;
 
-        width: 100%;
+        width: max-content;
         height: 62px;
 
         @include mixins.controls();
diff --git a/src/containers/Cluster/Cluster.scss b/src/containers/Cluster/Cluster.scss
@@ -21,7 +21,9 @@
     }
 
     &__content {
-        padding: 0 var(--cluster-side-padding);
+        width: calc(100% - var(--cluster-side-padding));
+        //allows controls of TableWithControlsLayout to stick properly
+        transform: translateX(var(--cluster-side-padding));
     }
 
     &__header {
diff --git a/src/containers/Nodes/Nodes.scss b/src/containers/Nodes/Nodes.scss
@@ -15,10 +15,4 @@
     &__node_unavailable {
         opacity: 0.6;
     }
-
-    &__groups-wrapper {
-        --nodes-side-padding: var(--g-spacing-5);
-        width: calc(100% + var(--nodes-side-padding));
-        padding-right: var(--nodes-side-padding);
-    }
 }
diff --git a/src/containers/Storage/Storage.scss b/src/containers/Storage/Storage.scss
@@ -15,10 +15,4 @@
     .entity-status {
         justify-content: center;
     }
-
-    &__groups-wrapper {
-        --nodes-side-padding: var(--g-spacing-5);
-        width: calc(100% + var(--nodes-side-padding));
-        padding-right: var(--nodes-side-padding);
-    }
 }

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,9 @@`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`&__content {`
`24`		`- padding: 0 var(--cluster-side-padding);`
	`24`	`+ width: calc(100% - var(--cluster-side-padding));`
	`25`	`+ //allows controls of TableWithControlsLayout to stick properly`
	`26`	`+ transform: translateX(var(--cluster-side-padding));`
`25`	`27`	`}`
`26`	`28`
`27`	`29`	`&__header {`
Original file line number	Diff line number	Diff line change
`@@ -15,10 +15,4 @@`
`15`	`15`	`&__node_unavailable {`
`16`	`16`	`opacity: 0.6;`
`17`	`17`	`}`
`18`		`-`
`19`		`- &__groups-wrapper {`
`20`		`- --nodes-side-padding: var(--g-spacing-5);`
`21`		`- width: calc(100% + var(--nodes-side-padding));`
`22`		`- padding-right: var(--nodes-side-padding);`
`23`		`- }`
`24`	`18`	`}`