Remove active class from ViewportCanvas and ViewportPanel
This commit is contained in:
@@ -208,8 +208,9 @@ export function ViewportCanvas({
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
ref={containerRef}
|
ref={containerRef}
|
||||||
className={`viewport-canvas viewport-canvas--${toolMode} viewport-canvas--${viewMode} viewport-canvas--${displayMode} viewport-canvas--${layoutMode} ${isActivePanel ? "viewport-canvas--active" : ""}`}
|
className={`viewport-canvas viewport-canvas--${toolMode} viewport-canvas--${viewMode} viewport-canvas--${displayMode} viewport-canvas--${layoutMode}`}
|
||||||
data-testid={`viewport-canvas-${panelId}`}
|
data-testid={`viewport-canvas-${panelId}`}
|
||||||
|
data-active={isActivePanel ? "true" : "false"}
|
||||||
aria-label={`${getViewportPanelLabel(panelId)} editor viewport`}
|
aria-label={`${getViewportPanelLabel(panelId)} editor viewport`}
|
||||||
style={
|
style={
|
||||||
displayMode === "authoring"
|
displayMode === "authoring"
|
||||||
|
|||||||
@@ -67,7 +67,7 @@ export function ViewportPanel({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section
|
<section
|
||||||
className={`viewport-panel ${layoutMode === "single" ? "viewport-panel--single" : "viewport-panel--quad"} ${isActive ? "viewport-panel--active" : ""}`}
|
className={`viewport-panel ${layoutMode === "single" ? "viewport-panel--single" : "viewport-panel--quad"}`}
|
||||||
data-testid={`viewport-panel-${panelId}`}
|
data-testid={`viewport-panel-${panelId}`}
|
||||||
data-active={isActive ? "true" : "false"}
|
data-active={isActive ? "true" : "false"}
|
||||||
aria-hidden={shouldShow ? undefined : true}
|
aria-hidden={shouldShow ? undefined : true}
|
||||||
|
|||||||
Reference in New Issue
Block a user