fix(plugins/plugin-client-common): LeftNavSidecar content section can…

… take over full width Fixes kubernetes-sigs#4831
starpit · Jun 6, 2020 · 7252ad4 · 7252ad4
1 parent 03876db
commit 7252ad4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/plugins/plugin-client-common/src/components/Content/Markdown.tsx b/plugins/plugin-client-common/src/components/Content/Markdown.tsx
@@ -65,7 +65,9 @@ export default class Markdown extends React.PureComponent<Props> {
     return (
       <ReactMarkdown
         source={this.props.source}
-        className={this.props.className || 'padding-content scrollable scrollable-auto marked-content page-content'}
+        className={
+          this.props.className || 'padding-content scrollable scrollable-x scrollable-auto marked-content page-content'
+        }
         renderers={{
           link: props => {
             const isLocal = !/^http/i.test(props.href)

diff --git a/plugins/plugin-client-common/web/css/static/sidecar.css b/plugins/plugin-client-common/web/css/static/sidecar.css
@@ -18,6 +18,10 @@
 @import "../../scss/components/Navigation/common";
 
 .kui--sidecar.visible.kui--nav-view {
+  .kui--sidecar-content {
+    width: 70%;
+  }
+
   .sidecar-bottom-stripe-left-bits {
     display: none;
   }