@formicoidea/labre-core 0.34.2 → 0.36.0

package/dist/_pkgs/affine-block-surface/framework-background/renderer.js

@@ -162,15 +162,19 @@ export function createFrameworkBackgroundRenderer(def) {
         // down to the operation.
         const bands = def.chrome?.sideBands;
         if (bands?.length) {
-            // The band IS the margin strip, clamped to an element narrower than its
-            // own margin — the one case where the two can disagree.
-            const bandWidth = Math.min(x0, w);
             for (const band of bands) {
-                if (bandWidth <= 0)
+                const top = band.side === 'top';
+                // The band IS the margin strip it covers, clamped to an element smaller
+                // than its own margin — the one case where the two can disagree.
+                const thickness = top ? Math.min(y0, h) : Math.min(x0, w);
+                if (thickness <= 0)
                     continue;
                 if (band.fill) {
                     ctx.fillStyle = color(band.fill);
-                    ctx.fillRect(0, 0, bandWidth, h);
+                    if (top)
+                        ctx.fillRect(0, 0, w, thickness);
+                    else
+                        ctx.fillRect(0, 0, thickness, h);
                 }
                 const divider = band.divider;
                 if (divider) {
@@ -178,8 +182,11 @@ export function createFrameworkBackgroundRenderer(def) {
                     ctx.lineWidth = divider.width;
                     if (divider.dash?.length)
                         ctx.setLineDash([...divider.dash]);
-                    // Full height: the strip a margin gives up runs the whole side.
-                    line(bandWidth, 0, bandWidth, h);
+                    // The full span: the strip a margin gives up runs the whole side.
+                    if (top)
+                        line(0, thickness, w, thickness);
+                    else
+                        line(thickness, 0, thickness, h);
                     if (divider.dash?.length)
                         ctx.setLineDash([]);
                 }

package/dist/_pkgs/affine-components/highlight-dropdown-menu/highlight-duotone-icon.js

@@ -1,14 +1,14 @@
 import { HighLightDuotoneIcon } from '@blocksuite/icons/lit';
 import { css, LitElement } from 'lit';
 export class HighlightDuotoneIcon extends LitElement {
-    static { this.styles = css `
-    svg {
-      display: flex;
-      font-size: 20px;
-    }
-    svg > path:nth-child(1) {
-      fill: var(--color, unset);
-    }
+    static { this.styles = css `
+    svg {
+      display: flex;
+      font-size: 20px;
+    }
+    svg > path:nth-child(1) {
+      fill: var(--color, unset);
+    }
   `; }
     render() {
         return HighLightDuotoneIcon();

package/dist/_pkgs/affine-components/highlight-dropdown-menu/text-duotone-icon.js

@@ -1,17 +1,17 @@
 import { TextBackgroundDuotoneIcon } from '@blocksuite/icons/lit';
 import { css, LitElement } from 'lit';
 export class TextDuotoneIcon extends LitElement {
-    static { this.styles = css `
-    svg {
-      display: flex;
-      font-size: 20px;
-    }
-    svg > path:nth-child(1) {
-      fill: var(--background, unset);
-    }
-    svg > path:nth-child(3) {
-      fill: var(--color, unset);
-    }
+    static { this.styles = css `
+    svg {
+      display: flex;
+      font-size: 20px;
+    }
+    svg > path:nth-child(1) {
+      fill: var(--background, unset);
+    }
+    svg > path:nth-child(3) {
+      fill: var(--color, unset);
+    }
   `; }
     render() {
         return TextBackgroundDuotoneIcon();