min size on frame-title

Author: softmarshmallow

editor-packages/editor-canvas/frame-title/frame-title.tsx

@@ -73,6 +73,7 @@ export function FrameTitle({
 export const FrameTitleContainer = styled.div<{
   width: number;
   height: number;
+  zIndex?: number;
   xy: [number, number];
 }>`
   position: fixed;
@@ -86,6 +87,7 @@ export const FrameTitleContainer = styled.div<{
   font-size: 12px;
   flex-direction: row;
   align-items: center;
+  z-index: ${(p) => p.zIndex ?? 0};
 `;
 
 export const FrameTitleLabel = styled.span<{

editor/scaffolds/canvas/render/frame-title.tsx

@@ -37,16 +37,13 @@ export function FrameTitleRenderer({
     onHoverChange: _onHoverChange,
   });
 
-  x;
-  height_considered_y_transform;
-  view_height;
-  w * zoom;
   return (
     <FrameTitleContainer
       id="frame-title"
       onClick={onSelect}
-      width={w * zoom}
+      width={selected ? Math.max(w * zoom, 40) : w * zoom}
       height={view_height}
+      zIndex={selected ? 1 : 0}
       xy={[x, height_considered_y_transform]}
       {...hoverProps}
     >