Merge pull request #422 from guardian/ei/fabric-expandable

Migrate fabric-expandable template to Svelte
guardian · Jan 15, 2025 · 4fb13ab · 4fb13ab
2 parents 9ba679c + f8b6b22
commit 4fb13ab
Show file tree

Hide file tree

Showing 8 changed files with 266 additions and 287 deletions.
diff --git a/legacy/src/fabric-expandable/test.json b/legacy/src/fabric-expandable/test.json
diff --git a/legacy/src/fabric-expandable/web/index.html b/legacy/src/fabric-expandable/web/index.html
diff --git a/legacy/src/fabric-expandable/web/index.js b/legacy/src/fabric-expandable/web/index.js
diff --git a/legacy/src/fabric-expandable/web/index.scss b/legacy/src/fabric-expandable/web/index.scss
diff --git a/src/templates/components/icons/CrossIcon.svelte b/src/templates/components/icons/CrossIcon.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	export let width = 30;
+	const height = width;
+
+	export let plus = false;
+</script>
+
+<svg {width} {height} class:plus
+	><path
+		d="M21 9.8l-.8-.8-5.2 4.8-5.2-4.8-.8.8 4.8 5.2-4.8 5.2.8.8 5.2-4.8 5.2 4.8.8-.8-4.8-5.2 4.8-5.2"
+	/></svg
+>
+
+<style>
+	svg {
+		vertical-align: middle;
+		overflow: hidden;
+		transition: transform 1s;
+	}
+
+	.plus {
+		transform: rotate(45deg);
+	}
+</style>
diff --git a/legacy/src/fabric-expandable/web/ad.json → src/templates/csr/fabric-expandable/ad.json b/legacy/src/fabric-expandable/web/ad.json → src/templates/csr/fabric-expandable/ad.json