|
28 | 28 | }, |
29 | 29 | { |
30 | 30 | "cell_type": "code", |
31 | | - "execution_count": null, |
| 31 | + "execution_count": 1, |
32 | 32 | "id": "fdf16de9", |
33 | 33 | "metadata": { |
34 | 34 | "dotnet_interactive": { |
|
43 | 43 | "languageId": "polyglot-notebook" |
44 | 44 | } |
45 | 45 | }, |
46 | | - "outputs": [], |
| 46 | + "outputs": [ |
| 47 | + { |
| 48 | + "data": { |
| 49 | + "text/html": [ |
| 50 | + "<details open=\"open\" class=\"dni-treeview\"><summary><span class=\"dni-code-hint\"><code>{ Name = "Alf"\\n Phone = "(555) 555-5555"\\n ZipCode = "90210" }</code></span></summary><div><table><thead><tr></tr></thead><tbody><tr><td>Name</td><td><div class=\"dni-plaintext\"><pre>Alf</pre></div></td></tr><tr><td>Phone</td><td><div class=\"dni-plaintext\"><pre>(555) 555-5555</pre></div></td></tr><tr><td>ZipCode</td><td><div class=\"dni-plaintext\"><pre>90210</pre></div></td></tr></tbody></table></div></details><style>\r\n", |
| 51 | + ".dni-code-hint {\r\n", |
| 52 | + " font-style: italic;\r\n", |
| 53 | + " overflow: hidden;\r\n", |
| 54 | + " white-space: nowrap;\r\n", |
| 55 | + "}\r\n", |
| 56 | + ".dni-treeview {\r\n", |
| 57 | + " white-space: nowrap;\r\n", |
| 58 | + "}\r\n", |
| 59 | + ".dni-treeview td {\r\n", |
| 60 | + " vertical-align: top;\r\n", |
| 61 | + " text-align: start;\r\n", |
| 62 | + "}\r\n", |
| 63 | + "details.dni-treeview {\r\n", |
| 64 | + " padding-left: 1em;\r\n", |
| 65 | + "}\r\n", |
| 66 | + "table td {\r\n", |
| 67 | + " text-align: start;\r\n", |
| 68 | + "}\r\n", |
| 69 | + "table tr { \r\n", |
| 70 | + " vertical-align: top; \r\n", |
| 71 | + " margin: 0em 0px;\r\n", |
| 72 | + "}\r\n", |
| 73 | + "table tr td pre \r\n", |
| 74 | + "{ \r\n", |
| 75 | + " vertical-align: top !important; \r\n", |
| 76 | + " margin: 0em 0px !important;\r\n", |
| 77 | + "} \r\n", |
| 78 | + "table th {\r\n", |
| 79 | + " text-align: start;\r\n", |
| 80 | + "}\r\n", |
| 81 | + "</style>" |
| 82 | + ] |
| 83 | + }, |
| 84 | + "metadata": {}, |
| 85 | + "output_type": "display_data" |
| 86 | + } |
| 87 | + ], |
47 | 88 | "source": [ |
48 | 89 | "type ContactCard =\n", |
49 | 90 | " { Name: string\n", |
|
0 commit comments