diff --git a/src/components/TableWithControlsLayout/TableWithControlsLayout.scss b/src/components/TableWithControlsLayout/TableWithControlsLayout.scss index f1eb5fd25..820b0197a 100644 --- a/src/components/TableWithControlsLayout/TableWithControlsLayout.scss +++ b/src/components/TableWithControlsLayout/TableWithControlsLayout.scss @@ -1,6 +1,8 @@ @import '../../styles/mixins.scss'; .ydb-table-with-controls-layout { + --data-table-sticky-top-offset: 62px; + display: inline-block; box-sizing: border-box; @@ -31,11 +33,11 @@ } .ydb-paginated-table__head { - top: 62px; + top: var(--data-table-sticky-top-offset, 62px); } .data-table__sticky_moving { // Place table head right after controls - top: 62px !important; + top: var(--data-table-sticky-top-offset, 62px) !important; } } diff --git a/src/containers/Cluster/Cluster.scss b/src/containers/Cluster/Cluster.scss index 29c31f517..f2a61a26f 100644 --- a/src/containers/Cluster/Cluster.scss +++ b/src/containers/Cluster/Cluster.scss @@ -1,6 +1,6 @@ @import '../../styles/mixins.scss'; -.cluster { +.ydb-cluster { position: relative; overflow: auto; @@ -74,4 +74,8 @@ background-color: var(--g-color-base-background); } + + .ydb-table-with-controls-layout { + --data-table-sticky-top-offset: 102px; + } } diff --git a/src/containers/Cluster/Cluster.tsx b/src/containers/Cluster/Cluster.tsx index 0b1c353fa..84810a7c1 100644 --- a/src/containers/Cluster/Cluster.tsx +++ b/src/containers/Cluster/Cluster.tsx @@ -38,7 +38,7 @@ import {clusterTabs, clusterTabsIds, getClusterPath, isClusterTab} from './utils import './Cluster.scss'; -const b = cn('cluster'); +const b = cn('ydb-cluster'); interface ClusterProps { additionalTenantsProps?: AdditionalTenantsProps;