close button

lacymorrow · Jan 28, 2021 · e18267d · e18267d
1 parent 73bd9c6
commit e18267d
Show file tree

Hide file tree

Showing 9 changed files with 95 additions and 18 deletions.
diff --git a/src/chooser.html b/src/chooser.html
@@ -4,10 +4,13 @@
 		<meta charset="utf-8">
 		<title>CrossOver</title>
 		<link rel="stylesheet" href="index.css">
+		<script type="text/javascript" src="vendor/feather/feather-icons.min.js"></script>
 	</head>
 	<body>
 		<div id="chooser-container">
 
+			<button class="close-button button"><i data-feather="x-circle"></i></button>
+
 			<div id="chooser-wrapper">
 
 				<div id="crosshair-chooser"></div>

diff --git a/src/chooser.js b/src/chooser.js
@@ -1,8 +1,18 @@
+/* global feather */
+
 ( () => {
 
 	// DOM elements
 	const containerElement = document.querySelector( '#chooser-container' )
 	const chooserElement = document.querySelector( '#crosshair-chooser' )
+	const closeBtn = document.querySelector( '.close-button' )
+
+	// Render icons
+	if ( feather ) {
+
+		feather.replace()
+
+	}
 
 	// Crosshair Images -> <select> input
 	const loadCrosshairs = crosshairsObject => {
@@ -129,6 +139,12 @@
 
 	} )
 
+	closeBtn.addEventListener( 'click', () => {
+
+		window.crossover.send( 'close_chooser' )
+
+	} )
+
 	// Drag and drop Custom Image
 	// for drop events to fire, must cancel dragover and dragleave events
 	chooserElement.addEventListener( 'dragover', event => {

diff --git a/src/index.css b/src/index.css
diff --git a/src/index.css.map b/src/index.css.map