Borders

j-norwood-young · May 29, 2024 · c0a511a · c0a511a
1 parent 3723606
commit c0a511a
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 36 deletions.
diff --git a/election-engine.php b/election-engine.php
@@ -5,7 +5,7 @@
  * Description:       Visualisations for the South African general elections.
  * Requires at least: 6.1
  * Requires PHP:      7.0
- * Version:           0.7.0
+ * Version:           0.7.1
  * Author:            10Layer
  * License:           GPL-2.0-or-later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
@@ -18,7 +18,7 @@
 	exit; // Exit if accessed directly.
 }
 
-define("ELECTIONENGINE_VERSION", '0.7.0');
+define("ELECTIONENGINE_VERSION", '0.7.1');
 define("ELECTIONENGINE_DIST_DIR", __DIR__ . '/packages/election-engine-wordpress-block/dist/');
 define("ELECTIONENGINE_DIST_URL", plugins_url('packages/election-engine-wordpress-block/dist/', __FILE__));
 define("ELECTIONENGINE_BLOCK_NAME", 'tenlayer/election-engine');

diff --git a/packages/election-engine-wordpress-block/src/style.scss b/packages/election-engine-wordpress-block/src/style.scss
@@ -11,4 +11,6 @@
 	text-align: center;
 }
 
-
+.wp-block-tenlayer-election-engine {
+	height: 100%;
+}
diff --git a/packages/election-engine-wordpress-block/src/svelte/App.svelte b/packages/election-engine-wordpress-block/src/svelte/App.svelte
@@ -16,36 +16,48 @@
 	onMount(async () => {});
 </script>
 
-{#if visualisation === "hemicycle"}
-	<Hemicycle
-		{selected_year}
-		{selected_election}
-		{selected_region}
-		{show_title}
-		{show_blurb}
-		{show_buttons}
-	/>
-{/if}
-{#if visualisation === "carto"}
-	<Cartogram
-		{selected_year}
-		{selected_election}
-		{selected_region}
-		{show_title}
-		{show_blurb}
-		{show_buttons}
-	/>
-{/if}
-{#if visualisation === "table"}
-	<Table
-		{selected_year}
-		{selected_election}
-		{selected_region}
-		{show_title}
-		{show_blurb}
-		{show_buttons}
-	/>
-{/if}
-{#if visualisation === "progress"}
-	<Progress {selected_year} {show_title} {show_blurb} {show_buttons} />
-{/if}
+<div class="electionengine-widget">
+	{#if visualisation === "hemicycle"}
+		<Hemicycle
+			{selected_year}
+			{selected_election}
+			{selected_region}
+			{show_title}
+			{show_blurb}
+			{show_buttons}
+		/>
+	{/if}
+	{#if visualisation === "carto"}
+		<Cartogram
+			{selected_year}
+			{selected_election}
+			{selected_region}
+			{show_title}
+			{show_blurb}
+			{show_buttons}
+		/>
+	{/if}
+	{#if visualisation === "table"}
+		<Table
+			{selected_year}
+			{selected_election}
+			{selected_region}
+			{show_title}
+			{show_blurb}
+			{show_buttons}
+		/>
+	{/if}
+	{#if visualisation === "progress"}
+		<Progress {selected_year} {show_title} {show_blurb} {show_buttons} />
+	{/if}
+</div>
+
+<style>
+	.electionengine-widget {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		border: 1px solid #ccc;
+		border-radius: 6px;
+	}
+</style>