Merge pull request #69 from cameron-toy/mdfix2

markdown fixes

Author: cameron-toy

src/index.ts

@@ -408,9 +408,8 @@ function addCommands(
     icon: runIcon,
     execute: (args) => {
       const widget = outputTracker.currentWidget;
-      const cell = widget.cell as CodeCell;
       const sessionContext = widget.notebook.sessionContext;
-      CodeCell.execute(cell, sessionContext);
+      CodeCell.execute(widget.cell as CodeCell, sessionContext);
     },
   });
 

src/widget.ts

@@ -93,10 +93,17 @@ export class DashboardWidget extends Widget {
         let clone: Widget;
         const cellType = cell.model.type;
         const container = document.createElement('div');
+        let cloneNode: HTMLElement;
+        let nodes: HTMLCollectionOf<Element>;
+        let node: HTMLElement;
 
         switch (cellType) {
           case 'markdown':
-            clone = (cell as MarkdownCell).clone().editorWidget.parent;
+            cloneNode = (cell as MarkdownCell).clone().node;
+            nodes = cloneNode.getElementsByClassName('jp-MarkdownOutput');
+            node = nodes[0] as HTMLElement;
+            node.style.paddingRight = '0';
+            clone = new Widget({ node });
             container.classList.add(MARKDOWN_OUTPUT_CLASS);
             break;
           case 'code':
@@ -569,6 +576,14 @@ export class DashboardWidget extends Widget {
     this._locked = newState;
   }
 
+  get content(): Widget {
+    return this._content;
+  }
+  set content(newContent: Widget) {
+    this._content.dispose();
+    this._content = newContent;
+  }
+
   private _notebook: NotebookPanel;
   private _notebookId: string;
   private _index: number;

style/index.css

@@ -3,11 +3,15 @@
 }
 
 .pr-DashboardWidget {
-    display: flex;
+    display: inline-flex;
     align-items: center;
     justify-content: center;
 }
 
+.pr-DashboardWidget .pr-MarkdownOutput {
+    display: inline-block;
+}
+
 .pr-EditableWidget {
     border: var(--jp-border-width) solid var(--jp-inverse-layout-color4);
     background: var(--jp-layout-color0);
@@ -63,10 +67,6 @@
     display: inline-block;
 }
 
-.pr-DashboardWidgetChild.pr-MarkdownOutput {
-    flex-grow: 1;
-}
-
 .pr-EditableWidget:hover .pr-Resizer {
     display: block;
 }