diff --git a/examples/circlegraph/circlegraph.html b/examples/circlegraph/circlegraph.html index d85d36c2..a13ca186 100644 --- a/examples/circlegraph/circlegraph.html +++ b/examples/circlegraph/circlegraph.html @@ -37,7 +37,7 @@

Sprotty Circles Example

- © 2017 TypeFox GmbH. + © 2023 TypeFox GmbH.
diff --git a/examples/classdiagram/class-diagram.html b/examples/classdiagram/class-diagram.html index 79d0ce45..ebcf3a01 100644 --- a/examples/classdiagram/class-diagram.html +++ b/examples/classdiagram/class-diagram.html @@ -10,6 +10,20 @@ +
@@ -25,8 +39,16 @@

Sprotty Class Diagram Example

-
- © 2023 TypeFox GmbH. +
+
+ Fit to screen: Cmd+Shift+F, Center selected: Cmd+Shift+C, Export SVG: Cmd+Shift+E +
+ +
+ © 2023 TypeFox GmbH. +
diff --git a/examples/classdiagram/css/page.css b/examples/classdiagram/css/page.css index ea67d2f6..a1156dfe 100644 --- a/examples/classdiagram/css/page.css +++ b/examples/classdiagram/css/page.css @@ -14,11 +14,23 @@ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0 ********************************************************************************/ -.copyright { + +.footer { margin-top: 10px; text-align: right; font-size: 10px; color: #888; + + display: flex; + justify-content: space-between; +} + +.shortcuts { + text-align: left; +} + +.copyright { + text-align: right; } .help { diff --git a/examples/multicore/multicore.html b/examples/multicore/multicore.html index fcf7208f..766da832 100644 --- a/examples/multicore/multicore.html +++ b/examples/multicore/multicore.html @@ -25,7 +25,7 @@

Sprotty Multicore Example

- © 2017 TypeFox GmbH. + © 2023 TypeFox GmbH.
diff --git a/examples/random-graph-distributed/random-graph.html b/examples/random-graph-distributed/random-graph.html index e6f6419e..c8bb2fd2 100644 --- a/examples/random-graph-distributed/random-graph.html +++ b/examples/random-graph-distributed/random-graph.html @@ -24,7 +24,7 @@

Sprotty Random Graph Example

- © 2022 TypeFox GmbH. + © 2023 TypeFox GmbH.
If no diagram shows up here, you probably haven't started the elk-server yet. Please follow the steps below: diff --git a/examples/random-graph/random-graph.html b/examples/random-graph/random-graph.html index d62c609e..7b71700e 100644 --- a/examples/random-graph/random-graph.html +++ b/examples/random-graph/random-graph.html @@ -33,7 +33,7 @@

Sprotty Random Graph Example

- © 2021 TypeFox GmbH. + © 2023 TypeFox GmbH.
diff --git a/examples/svg/svg-prerendered.html b/examples/svg/svg-prerendered.html index df81eeef..5ab9c25a 100644 --- a/examples/svg/svg-prerendered.html +++ b/examples/svg/svg-prerendered.html @@ -25,7 +25,7 @@

Sprotty Prerendered SVG / HTML Example

- © 2017 TypeFox GmbH. + © 2023 TypeFox GmbH. SVG Logo © 2006 W3C (CC BY 2.5). Tiger © 2002 Ghostscript (GPL)
diff --git a/packages/sprotty/src/features/export/svg-exporter.ts b/packages/sprotty/src/features/export/svg-exporter.ts index f7a38d02..84397263 100644 --- a/packages/sprotty/src/features/export/svg-exporter.ts +++ b/packages/sprotty/src/features/export/svg-exporter.ts @@ -72,7 +72,8 @@ export class SvgExporter { docCopy.close(); const svgElementNew = docCopy.getElementById(svgElementOrig.id)!; svgElementNew.removeAttribute('opacity'); - this.copyStyles(svgElementOrig, svgElementNew, ['width', 'height', 'opacity']); + // inline-size copied from sprotty-hidden svg shrinks the svg so it is not visible. + this.copyStyles(svgElementOrig, svgElementNew, ['width', 'height', 'opacity', 'inline-size']); svgElementNew.setAttribute('version', '1.1'); const bounds = this.getBounds(root); svgElementNew.setAttribute('viewBox', `${bounds.x} ${bounds.y} ${bounds.width} ${bounds.height}`);