Use standard button for dialog titlebar close button

arianne · Nov 27, 2023 · 8ff35d5 · 8ff35d5
1 parent 0d3c85e
commit 8ff35d5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/srcjs/stendhal.css b/srcjs/stendhal.css
@@ -329,13 +329,16 @@ div.logcolR {
 
 .popuptitleclose, .windowtitleclose {
   float: right;
+}
+
+.popuptitleclose {
   border: 1px solid #000000;
   height: 100%;
   width: 1.1em;
   text-align: center;
 }
 
-.popuptitleclose:hover, .windowtitleclose:hover {
+.popuptitleclose:hover {
   background-color: #ffffff2a;
 }
 

diff --git a/srcjs/stendhal.html b/srcjs/stendhal.html
@@ -150,7 +150,7 @@
 	<template id="window-template">
 		<div class="windowdiv">
 			<div class='windowtitlebar background'>
-				<div class='windowtitleclose'>X</div>
+				<button class="windowtitleclose">X</button>
 				<span class="windowtitle"></span>
 			</div>
 			<div class="windowcontent"></div>