add an new classname when use uiEmbed mode

add an new classname when use uiEmbed mode Signed-off-by: leroy-chen <leroy.chen.179@gmail.com>
jaegertracing · Jul 16, 2021 · 3c2ca1d · 3c2ca1d
1 parent 77335fe
commit 3c2ca1d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/jaeger-ui/src/components/App/Page.css b/packages/jaeger-ui/src/components/App/Page.css
@@ -31,3 +31,12 @@ limitations under the License.
   right: 0;
   top: var(--nav-height);
 }
+
+.Page--content--embedded {
+  display: flex;
+  flex-direction: column;
+  left: 0;
+  min-height: calc(100% - var(--nav-height));
+  position: absolute;
+  right: 0;
+}
diff --git a/packages/jaeger-ui/src/components/App/Page.tsx b/packages/jaeger-ui/src/components/App/Page.tsx
@@ -52,7 +52,7 @@ export class PageImpl extends React.Component<TProps> {
 
   render() {
     const { embedded } = this.props;
-    const contentCls = cx({ 'Page--content': true });
+    const contentCls = cx({ 'Page--content': !embedded, 'Page--content--embedded': embedded });
     return (
       <div>
         <Helmet title="Jaeger UI" />