feat: add carbonization to document preview

bpmn-io · Dec 12, 2024 · 6111f5a · 6111f5a
1 parent 9b97770
commit 6111f5a
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/packages/form-js-carbon-styles/src/carbon-styles.scss b/packages/form-js-carbon-styles/src/carbon-styles.scss
@@ -1395,3 +1395,24 @@
     }
   }
 }
+
+// Document preview ////////////
+
+.fjs-container .fjs-form-field-documentPreview {
+  .fjs-documentPreview-single-document-container {
+    border-radius: 0;
+  }
+
+  .fjs-documentPreview-download-button {
+    border-radius: 0;
+    background-color: var(--cds-background);
+    border-color: var(--cds-button-tertiary);
+    color: var(--cds-button-tertiary);
+    cursor: pointer;
+
+    &:focus {
+      outline: 2px solid var(--cds-focus);
+      outline-offset: -2px;
+    }
+  }
+}
diff --git a/packages/form-js-viewer/assets/form-js-base.css b/packages/form-js-viewer/assets/form-js-base.css
@@ -1215,6 +1215,14 @@
   border: 1px solid var(--color-borders-documentPreview);
   background: var(--color-layer);
   padding: 0;
+
+  svg {
+    color: var(--color-text);
+  }
+
+  svg:focus {
+    outline: none;
+  }
 }
 
 .fjs-container .fjs-documentPreview-non-preview-item {