ydb-embedded-ui 1.2.4 → 1.2.5

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+### [1.2.5](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.4...v1.2.5) (2022-05-05)
+
+
+### Bug Fixes
+
+* **Node:** right padding on the storage page ([3a09d80](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/3a09d8030c2b9d8f34675f3a790e19bba5b864e4))
+* **Tenant:** fix horizontal scrollbar on diagnostics storage page ([017f5f3](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/017f5f3470875824b11575c506837ab461a4e840))
+* **Tenant:** keep acl heading at top ([7859fc6](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/7859fc6a2e47071daf18b48a23974f2393e31417))
+* **Storage:** move filters out of scrollable container ([66baaec](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/66baaec170449c89da2d9f8e2170875c13334e68))
+* **NodesViewer:** match default control styles ([c007674](https://www.github.com/ydb-platform/ydb-embedded-ui/commit/c0076742e78fdb87aadae9b22e073b923e7ca57e))
+
 ### [1.2.4](https://www.github.com/ydb-platform/ydb-embedded-ui/compare/v1.2.3...v1.2.4) (2022-05-05)
 
 

package/dist/components/NodesViewer/NodesViewer.scss

@@ -5,11 +5,7 @@
     @include flex-container();
 
     &__controls {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-
-        margin: 0 0 8px;
+        @include controls;
     }
 
     &__name {

package/dist/containers/Node/Node.scss

@@ -15,7 +15,7 @@
         overflow: auto;
 
         height: 100%;
-        padding-left: 20px;
+        padding: 0 20px;
     }
 
     &__tabs {

package/dist/containers/Storage/Storage.js

@@ -40,7 +40,6 @@ const FILTER_OPTIONS = {
 const tableSettings = {
     ...DEFAULT_TABLE_SETTINGS,
     defaultOrder: DataTable.DESCENDING,
-    stickyTop: 62,
 };
 
 class Storage extends React.Component {

package/dist/containers/Storage/Storage.scss

@@ -1,22 +1,11 @@
 @import '../../styles/mixins.scss';
 
 .global-storage {
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-    align-items: flex-start;
-
     height: 100%;
     max-height: 100%;
+    @include flex-container;
 
     &__controls {
-        position: sticky;
-        z-index: 2;
-        top: 0;
-
-        width: 100%;
-
-        background-color: var(--yc-color-base-background);
         @include controls();
     }
     &__search {
@@ -24,11 +13,8 @@
     }
 
     &__table-wrapper {
-        display: flex;
-        flex: 1 1 auto;
-        flex-direction: column;
-
-        min-width: 100%;
+        overflow: auto;
+        flex-grow: 1;
 
         font-size: var(--yc-text-body2-font-size);
         line-height: var(--yc-text-body2-line-height);

package/dist/containers/Tenant/Acl/Acl.scss

@@ -7,6 +7,11 @@
 
     padding: 0 12px 16px;
     @include query-data-table;
+
+    &__result {
+        align-self: flex-start;
+    }
+
     &__message-container {
         padding: 0 12px 16px;
     }

package/dist/containers/Tenant/Diagnostics/Diagnostics.scss

@@ -1,13 +1,11 @@
 .kv-tenant-diagnostics {
+    display: flex;
     overflow: hidden;
+    flex-direction: column;
 
     height: 100%;
-    &__header-wrapper {
-        position: sticky;
-        z-index: 2;
-        top: 0;
-        left: 0;
 
+    &__header-wrapper {
         padding: 13px 20px 16px;
 
         background-color: var(--yc-color-base-background);
@@ -36,15 +34,16 @@
 
     &__page-wrapper {
         overflow: auto;
+        flex-grow: 1;
 
         width: 100%;
-        height: calc(100% - 69px);
         padding: 0 20px;
 
+        & .nodes-viewer,
         & .global-storage {
-            height: calc(100% + 16px);
-            max-height: calc(100% + 16px);
-            margin-top: -16px;
+            &__controls {
+                padding-top: 0;
+            }
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "files": [
     "dist"
   ],