From 327f2da4bc4dfbdde05a3640dc5ebf9a4c34704f Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Tue, 25 May 2021 13:13:02 +0100
Subject: [PATCH] Add visual indicator for the map being focused

---
 src/components/Map.vue | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/Map.vue b/src/components/Map.vue
index 5d3b9c1..ca1196b 100644
--- a/src/components/Map.vue
+++ b/src/components/Map.vue
@@ -278,12 +278,30 @@ export default defineComponent({
 })
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+	@import '../scss/_mixins.scss';
+
 	.map {
 		width: 100%;
 		height: 100%;
 		background: transparent;
 		z-index: 0;
 		cursor: default;
+		box-sizing: border-box;
+		position: relative;
+
+		@include focus {
+			&:before {
+				content: '';
+				position: absolute;
+				top: 0;
+				right: 0;
+				bottom: 0;
+				left: 0;
+				border: 0.2rem solid #cccccc;
+				display: block;
+				z-index: 2000;
+			}
+		}
 	}
 </style>
\ No newline at end of file