fix display of "hollow" svg shapes

BeethovensWerkstatt · Dec 7, 2023 · d623d09 · d623d09
1 parent ed9ae7c
commit d623d09
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/FacsimileComponent.vue b/src/components/FacsimileComponent.vue
@@ -1000,6 +1000,7 @@ export default {
   .unassigned path {
     fill: $svgUnassignedShapeColor;
     stroke: $svgUnassignedShapeColor;
+    fill-rule: evenodd;
     &:hover {
       stroke-width: 10px;
       stroke: lighten($svgUnassignedShapeColor, 15%);
@@ -1009,6 +1010,7 @@ export default {
   .writingZone path {
     fill: #666666;
     stroke: #666666;
+    fill-rule: evenodd;
     &:hover {
       stroke-width: 10px;
       stroke: azure;