ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-02 12:08:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2010 from heygen-com/fix/studio-selection-outline-only

Browse Source 
fix(studio): remove selection overlay fill
This commit is contained in:
Ular Kimsanov
2026-07-06 21:21:57 -07:00
committed by GitHub
parent 68a8547f47 8f022d06ec
commit a1abd57a60
3 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/studio/src/components/editor/DomEditOverlay.tsx
+4 -4
View File
@@ -418,7 +418,7 @@ export const DomEditOverlay = memo(function DomEditOverlay({
<div
aria-hidden="true"
data-dom-edit-hover-box="true"
className="pointer-events-none absolute rounded-md border border-studio-accent/80 bg-studio-accent/5 shadow-[0_0_0_1px_rgba(60,230,172,0.25)]"
className="pointer-events-none absolute rounded-md border border-studio-accent/80 shadow-[0_0_0_1px_rgba(60,230,172,0.25)]"
style={hugRectForElement(hoverRect, hoverSelection.element)}
/>
)}
@@ -428,7 +428,7 @@ export const DomEditOverlay = memo(function DomEditOverlay({
<div
key={item.key}
aria-hidden="true"
className="pointer-events-none absolute rounded-xl border border-studio-accent/70 bg-studio-accent/[0.03]"
className="pointer-events-none absolute rounded-xl border border-studio-accent/70"
style={{
left: item.rect.left,
top: item.rect.top,
@@ -439,7 +439,7 @@ export const DomEditOverlay = memo(function DomEditOverlay({
))}
<div
data-dom-edit-selection-box="true"
className="pointer-events-auto absolute rounded-xl border border-studio-accent bg-studio-accent/5 shadow-[0_0_0_1px_rgba(60,230,172,0.3)]"
className="pointer-events-auto absolute rounded-xl border border-studio-accent shadow-[0_0_0_1px_rgba(60,230,172,0.3)]"
style={{
left: groupBounds.left,
top: groupBounds.top,
@@ -520,7 +520,7 @@ export const DomEditOverlay = memo(function DomEditOverlay({
>
{cropOutlineInsetPx && (
<div
className="pointer-events-none absolute rounded-md border border-studio-accent/80 shadow-[0_0_0_1px_rgba(60,230,172,0.25)] bg-studio-accent/5"
className="pointer-events-none absolute rounded-md border border-studio-accent/80 shadow-[0_0_0_1px_rgba(60,230,172,0.25)]"
style={{
left: cropOutlineInsetPx.left,
top: cropOutlineInsetPx.top,
packages/studio/src/components/editor/domEditOverlayShape.ts
+2 -2
View File
@@ -34,6 +34,6 @@ export function readDomEditSelectionShapeStyles(
* shadow for clip-mirrored shapes, plain border otherwise. */
export function resolveBoxChromeClass(hasCropOutline: boolean, boxClipPath?: string): string {
if (hasCropOutline) return "";
if (boxClipPath) return "shadow-[inset_0_0_0_2px_rgba(60,230,172,0.6)] bg-studio-accent/5";
return "border border-studio-accent/80 shadow-[0_0_0_1px_rgba(60,230,172,0.25)] bg-studio-accent/5";
if (boxClipPath) return "shadow-[inset_0_0_0_2px_rgba(60,230,172,0.6)]";
return "border border-studio-accent/80 shadow-[0_0_0_1px_rgba(60,230,172,0.25)]";
}
packages/studio/src/components/editor/domEditing.test.ts
+2
View File
@@ -76,6 +76,7 @@ describe("resolveDomEditCapabilities", () => {
canEditStyles: true,
canMove: true,
canResize: true,
canCrop: true,
canApplyManualOffset: true,
canApplyManualSize: true,
canApplyManualRotation: true,
@@ -424,6 +425,7 @@ describe("resolveDomEditSelection", () => {
canEditStyles: false,
canMove: true,
canResize: true,
canCrop: true,
canApplyManualOffset: false,
canApplyManualSize: false,
canApplyManualRotation: false,