Fix panel content vis styling (elastic#15754) (elastic#15921)

epixa · Jan 9, 2018 · c0f0150 · c0f0150
1 parent e4e9868
commit c0f0150
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/core_plugins/kibana/public/dashboard/styles/index.less b/src/core_plugins/kibana/public/dashboard/styles/index.less
@@ -378,6 +378,10 @@ dashboard-viewport-provider {
       z-index: 1; /* 1. */
       padding: 0 8px 8px 8px;
     }
+
+    .panel-content--fullWidth {
+      width: 100%;
+    }
   }
 
   /**

diff --git a/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js b/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js
@@ -67,7 +67,7 @@ export class VisualizeEmbeddableFactory extends EmbeddableFactory {
           uiState: uiState,
           // Append visualization to container instead of replacing its content
           append: true,
-          cssClass: `panel-content`,
+          cssClass: `panel-content panel-content--fullWidth`,
           // The chrome is permanently hidden in "embed mode" in which case we don't want to show the spy pane, since
           // we deem that situation to be more public facing and want to hide more detailed information.
           showSpyPanel: !chrome.getIsChromePermanentlyHidden(),