fix(styles): use inset box shadow instead of border

Closes #163
bpmn-io · Mar 4, 2024 · 4467467 · 4467467
1 parent 40e7480
commit 4467467
Showing 1 changed file with 6 additions and 11 deletions.
diff --git a/assets/css/bpmn-js-token-simulation.css b/assets/css/bpmn-js-token-simulation.css
@@ -10,27 +10,22 @@
   --token-simulation-white: #FFFFFF;
 }
 
-.bjs-container {
-  border: solid 4px transparent;
-  box-sizing: border-box;
-}
-
 .bjs-breadcrumbs {
   /* ensure breadcrumbs don't overlap with token-simulation controls */
   top: 60px;
   left: 50px;
 }
 
-.bjs-container.simulation {
-  border-color: var(--token-simulation-green-base-44, #10D070);
+.bjs-container.simulation .djs-container {
+  box-shadow: inset 0px 0px 0px 4px var(--token-simulation-green-base-44, #10D070);
 }
 
-.bjs-container.simulation.paused {
-  border-color: var(--token-simulation-grey-base-40, #666666);
+.bjs-container.simulation.paused .djs-container {
+  box-shadow: inset 0px 0px 0px 4px var(--token-simulation-grey-base-40, #666666);
 }
 
-.bjs-container.simulation.warning {
-  border-color: var(--token-simulation-red-base-62, #FF3D3D) !important;
+.bjs-container.simulation.warning .djs-container {
+  box-shadow: inset 0px 0px 0px 4px var(--token-simulation-red-base-62, #FF3D3D) !important;
 }
 
 .bts-context-pad {