feat(demo): demo title and banner view parts

Loïc Mangeonjean · Loïc Mangeonjean · commit 170059612450 · 2023-09-28T19:08:22.000+02:00
diff --git a/demo/index.html b/demo/index.html
@@ -8,6 +8,8 @@
   </head>
   <body>
     <div id="app">
+      <div id="titleBar"></div>
+      <div id="banner"></div>
       <div style="display: flex; gap: 20px;">
         <div style="display: flex; flex: none; border: 1px solid var(--vscode-editorWidget-border)">
           <div id="activityBar"></div>
diff --git a/demo/src/setup.ts b/demo/src/setup.ts
@@ -111,6 +111,8 @@ export async function clearStorage (): Promise<void> {
 await initializeVscodeExtensions()
 
 for (const { part, element } of [
+  { part: Parts.TITLEBAR_PART, element: '#titleBar' },
+  { part: Parts.BANNER_PART, element: '#banner' },
   { part: Parts.SIDEBAR_PART, element: '#sidebar' },
   { part: Parts.ACTIVITYBAR_PART, element: '#activityBar' },
   { part: Parts.PANEL_PART, element: '#panel' },
diff --git a/demo/src/style.css b/demo/src/style.css
@@ -37,3 +37,7 @@ body {
   width: 100%;
   height: 55vh;
 }
+
+#titleBar {
+  position: relative;
+}
