From ed39852a8f7cd77179c75c698892c07888e00f87 Mon Sep 17 00:00:00 2001
From: "G.Ambatte" <sean@robertson-family.nz>
Date: Thu, 6 Jun 2024 22:00:28 +1200
Subject: [PATCH] Move dialog[open] to Dialog component styling

---
 client/components/dialog.jsx                                | 1 +
 client/components/dialog.less                               | 6 ++++++
 .../brewRenderer/notificationPopup/notificationPopup.less   | 4 ----
 3 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 client/components/dialog.less

diff --git a/client/components/dialog.jsx b/client/components/dialog.jsx
index c37ed649c..8f298d571 100644
--- a/client/components/dialog.jsx
+++ b/client/components/dialog.jsx
@@ -1,4 +1,5 @@
 // Dialog as a separate component
+require('./dialog.less');
 const React = require('react');
 const { useState, useRef, useEffect } = React;
 
diff --git a/client/components/dialog.less b/client/components/dialog.less
new file mode 100644
index 000000000..bbfb40393
--- /dev/null
+++ b/client/components/dialog.less
@@ -0,0 +1,6 @@
+dialog{
+  &[open]{
+    // Do NOT set a display property on a dialog! Set it on dialog[open] instead
+    display: inline-block;
+  }
+}
\ No newline at end of file
diff --git a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less
index 8fdfaeff3..fe5e1c540 100644
--- a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less
+++ b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less
@@ -15,10 +15,6 @@
 	background-color : @blue;
 	color            : white;
 	border           : none;
-	&[open]{
-		// Do NOT set a display property on a dialog! Set it on dialog[open] instead
-		display: inline-block;
-	}
 	a{
 		color       : #e0e5c1;
 		font-weight : 800;