diff --git a/src/containers/Tenant/Query/ExplainResult/ExplainResult.scss b/src/containers/Tenant/Query/ExplainResult/ExplainResult.scss index 9e9d435270..de19d652b4 100644 --- a/src/containers/Tenant/Query/ExplainResult/ExplainResult.scss +++ b/src/containers/Tenant/Query/ExplainResult/ExplainResult.scss @@ -47,12 +47,8 @@ &__inspector { overflow-y: auto; - width: 100%; padding: 15px 20px; @include json-tree-styles(); - & .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite { - max-width: calc(100% - 50px); - } &_fullscreen { padding: 10px; diff --git a/src/styles/mixins.scss b/src/styles/mixins.scss index af80fbe18d..e762ad2a04 100644 --- a/src/styles/mixins.scss +++ b/src/styles/mixins.scss @@ -196,6 +196,10 @@ } @mixin json-tree-styles { + width: 100%; + + word-wrap: break-word; + // stylelint-disable font-family: var(--g-font-family-monospace) !important; font-size: var(--g-text-code-1-font-size) !important; @@ -276,4 +280,8 @@ color: var(--g-color-text-primary); } } + + & .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite { + max-width: calc(100% - 50px); + } }