@k8slens/window-layouts 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 What changed in each version of this extension, newest first.
 
+## 0.2.1
+
+- A cluster's pages, in the menu of an empty cell, are as tall as the pages are, rather than half the window with room left empty below them; past half the window, they scroll as before.
+- The extension has an icon and a banner of its own, and its README shows the Window layouts dialog and the hotbar preview.
+
 ## 0.2.0
 
 - The dialog marks a window not saved by its orange outline alone, rather than with "not saved"; a window not tiled is outlined so too, as its tile would be.

package/README.md

@@ -2,6 +2,8 @@
 
 Save how the windows of Lens are arranged under a name, such as "Debugging" or "Two screens", and recall it whenever you like. A layout remembers where every window of Lens sits, the application window and every window opened from it, and whether it is maximized, minimized or full screen. Recalling a layout puts every window back where it was, opening again the ones closed since.
 
+![The Window layouts dialog: a layout named Demo tiles the main Lens window on the laptop screen, and Pods and Deployments of a cluster side by side on an external screen](https://raw.githubusercontent.com/Iku-turso/lens-window-layouts/main/assets/window-layouts-dialog.png)
+
 ## Features
 
 - Save the current arrangement of all Lens windows as a new layout with **+**. It is named "Layout 1", "Layout 2" and so on; click its name to rename it.
@@ -36,6 +38,9 @@ Arranging windows needs Lens Studio. Without it, the extension tells you that la
 - To save over a layout: select it, then click its **Save**. It saves where the windows are now and the tiling below.
 - To recall: point at a layout in the list, then click the recall button at the right end of its row.
 - To recall from the hotbar: select a layout and click the hotbar button beside its name. The layout shows in the hotbar by its initials; click it to recall the layout. Point at it to see the layout's tiling, where clicking a window brings it to the front, opening it again first when it is not open, with **Recall**, **Tile and save**, which puts the windows in their tiles by the layout's own tiling and saves them so (a window it has no tile for is saved as not tiled), and **Edit in Window layouts**, which opens the dialog with the layout selected. Click that button again, or right-click the item and choose "Remove from hotbar", to take it off.
+
+  ![Pointing at a layout in the hotbar shows its tiling across both screens, with Recall, Tile and save, and Edit in Window layouts](https://raw.githubusercontent.com/Iku-turso/lens-window-layouts/main/assets/hotbar-preview.png)
+
 - To rename: select a layout, click its name, type the new name and press Enter.
 - To delete: select a layout, then click **Delete**.
 - To tile: arrange the windows under **Tiling** in the dialog. They follow every change you make there, a moment after it. **Window Layouts: Tile windows** in the command palette tiles them as arranged too.

package/assets/banner.svg

@@ -1,11 +1,44 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600" width="1200" height="600">
-  <!-- A placeholder: replace it with a banner of the extension's own, twice as wide as it is tall. -->
   <defs>
     <linearGradient id="background" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0" stop-color="#3d90ce"/>
-      <stop offset="1" stop-color="#1e3a5f"/>
+      <stop offset="0" stop-color="#2c6fa3"/>
+      <stop offset="1" stop-color="#16263d"/>
     </linearGradient>
+    <g id="bar">
+      <circle cx="0" cy="0" r="5" fill="#ff5f57"/>
+      <circle cx="16" cy="0" r="5" fill="#febc2e"/>
+      <circle cx="32" cy="0" r="5" fill="#28c840"/>
+    </g>
   </defs>
   <rect width="1200" height="600" fill="url(#background)"/>
-  <text x="600" y="320" text-anchor="middle" font-family="sans-serif" font-size="72" fill="#ffffff">@k8slens/window-layouts</text>
+
+  <!-- Two screens side by side, their windows tiled -->
+  <g transform="translate(150 150)">
+    <rect width="440" height="260" rx="14" fill="#0f1b2b" stroke="#5aa9e6" stroke-width="4"/>
+    <rect x="16" y="16" width="200" height="228" rx="8" fill="#ffffff"/>
+    <rect x="16" y="16" width="200" height="26" rx="8" fill="#dbe8f4"/>
+    <use href="#bar" x="32" y="29"/>
+    <rect x="228" y="16" width="196" height="108" rx="8" fill="#ffffff"/>
+    <rect x="228" y="16" width="196" height="26" rx="8" fill="#dbe8f4"/>
+    <use href="#bar" x="244" y="29"/>
+    <rect x="228" y="136" width="196" height="108" rx="8" fill="#ffffff" fill-opacity="0.75"/>
+    <rect x="228" y="136" width="196" height="26" rx="8" fill="#dbe8f4" fill-opacity="0.75"/>
+    <use href="#bar" x="244" y="149"/>
+    <rect x="190" y="268" width="60" height="22" fill="#5aa9e6"/>
+    <rect x="150" y="288" width="140" height="10" rx="5" fill="#5aa9e6"/>
+  </g>
+  <g transform="translate(620 150)">
+    <rect width="430" height="260" rx="14" fill="#0f1b2b" stroke="#5aa9e6" stroke-width="4"/>
+    <rect x="16" y="16" width="398" height="108" rx="8" fill="#ffffff"/>
+    <rect x="16" y="16" width="398" height="26" rx="8" fill="#dbe8f4"/>
+    <use href="#bar" x="32" y="29"/>
+    <rect x="16" y="136" width="193" height="108" rx="8" fill="#ffffff" fill-opacity="0.75"/>
+    <rect x="16" y="136" width="193" height="26" rx="8" fill="#dbe8f4" fill-opacity="0.75"/>
+    <use href="#bar" x="32" y="149"/>
+    <rect x="221" y="136" width="193" height="108" rx="8" fill="none" stroke="#ff9f43" stroke-width="4" stroke-dasharray="12 8"/>
+    <rect x="185" y="268" width="60" height="22" fill="#5aa9e6"/>
+    <rect x="145" y="288" width="140" height="10" rx="5" fill="#5aa9e6"/>
+  </g>
+
+  <text x="600" y="505" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-size="56" font-weight="700" fill="#ffffff">Window Layouts</text>
 </svg>

package/assets/icon.svg

@@ -1,5 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
-  <!-- A placeholder: replace it with an icon of the extension's own, square, an SVG. -->
+  <!-- Three windows tiled on a screen: one tall on the left, two stacked on the right. -->
   <rect width="64" height="64" rx="14" fill="#3d90ce"/>
-  <path fill="#ffffff" d="M26 14a6 6 0 0 1 12 0v4h8a4 4 0 0 1 4 4v8h-4a6 6 0 0 0 0 12h4v8a4 4 0 0 1-4 4h-8v-4a6 6 0 0 0-12 0v4h-8a4 4 0 0 1-4-4v-8h4a6 6 0 0 0 0-12h-4v-8a4 4 0 0 1 4-4h8z"/>
+  <rect x="11" y="11" width="19" height="42" rx="4" fill="#ffffff"/>
+  <rect x="34" y="11" width="19" height="19" rx="4" fill="#ffffff"/>
+  <rect x="34" y="34" width="19" height="19" rx="4" fill="#ffffff" fill-opacity="0.6"/>
 </svg>