diff --git a/lib/folk-shape.ts b/lib/folk-shape.ts index f930060..8d2564f 100644 --- a/lib/folk-shape.ts +++ b/lib/folk-shape.ts @@ -84,12 +84,12 @@ const styles = css` :host(:focus-within), :host(:focus-visible) { z-index: calc(${MAX_Z_INDEX} - 1); - outline: solid 1px hsl(214, 84%, 56%); + outline: none; } :host(:hover), :host(:state(highlighted)) { - outline: solid 2px hsl(214, 84%, 56%); + outline: none; } :host(:state(move)), @@ -158,7 +158,11 @@ const styles = css` translate: -100% 0%; } - :host(:focus-within) :is([part^="resize"], [part^="rotation"]) { + :host(:state(move)) :is([part^="resize"], [part^="rotation"]), + :host(:state(resize-top-left)) :is([part^="resize"], [part^="rotation"]), + :host(:state(resize-top-right)) :is([part^="resize"], [part^="rotation"]), + :host(:state(resize-bottom-right)) :is([part^="resize"], [part^="rotation"]), + :host(:state(resize-bottom-left)) :is([part^="resize"], [part^="rotation"]) { display: block; } `;