Simplify user-select:none and pointer-events:none setting.

Set these at the top level so lower level elements don't need to repeat.

1 files changed, 12 insertions, 7 deletions

diff --git a/public/common/client.css b/public/common/client.css
index afd1024..16e9bf1 100644
--- a/public/common/client.css
+++ b/public/common/client.css
@@ -16,6 +16,18 @@ summary::-webkit-details-marker {
 	display: none;
 }
 
+html {
+	user-select: none;
+}
+
+#log, #prompt {
+	user-select: text;
+}
+
+summary img, button img, menu img {
+	pointer-events: none;
+}
+
 html, button, input, select, textarea {
 	font-family: var(--font-widget);
 	font-size: 16px;
@@ -100,7 +112,6 @@ body {
 }
 
 main {
-	user-select: none;
 	position: relative;
 	grid-column: 1;
 	grid-row: 2/4;
@@ -162,7 +173,6 @@ footer {
 /* HEADER */
 
 header {
-	user-select: none;
 	grid-column: 1/3;
 	grid-row: 1;
 	border-bottom: 1px solid black;
@@ -216,7 +226,6 @@ header.replay {
 }
 
 #actions {
-	user-select: none;
 	float: right;
 	min-width: 100px;
 
@@ -258,7 +267,6 @@ menu li a {
 }
 
 summary img, #toolbar button img {
-	pointer-events: none;
 	display: block;
 	height: 36px;
 	padding: 4px;
@@ -291,7 +299,6 @@ menu {
 	max-height: calc(100% - 44px);
 	display: none;
 	position: absolute;
-	user-select: none;
 	margin: 0;
 	padding: 0;
 	list-style: none;
@@ -480,7 +487,6 @@ menu li:hover img {
 #chat_header, #notepad_header {
 	grid-row: 1;
 	grid-column: 1/3;
-	user-select: none;
 	cursor: move;
 	background-color: gainsboro;
 	border-bottom: 1px solid black;
@@ -490,7 +496,6 @@ menu li:hover img {
 #chat_x, #notepad_x {
 	grid-row: 1;
 	grid-column: 2;
-	user-select: none;
 	cursor: pointer;
 	margin: 5px 5px;
 	height: 24px;