From: Art Cancro <ajc@citadel.org>
Date: Wed, 12 Oct 2022 03:25:41 +0000 (-0400)
Subject: Don't show a focus border on contenteditable items
X-Git-Tag: v959~27
X-Git-Url: https://code.citadel.org/?a=commitdiff_plain;h=db83997a8967bf75264eeabcf3e7baa38939e926;p=citadel.git

Don't show a focus border on contenteditable items
---

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 004de4c9f..e473081b4 100644
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -8,6 +8,10 @@
 	box-sizing: border-box;
 	padding: 0;
 	margin: 0;
+}
+
+[contenteditable]:focus {
+	outline: 0px solid transparent;
 } 
 
 .ctdl-main-grid-container {			/* This grid implements the "holy grail layout" of the screen */
@@ -472,12 +476,13 @@ blockquote pre {
 	padding: 0;
 	background-color: GhostWhite;
 	display: grid;
-	grid-template-rows: auto auto 1fr;
+	grid-template-rows: auto auto 1fr auto;
 	grid-template-columns: auto 1fr;
 	grid-template-areas:
 		'ctdl-compose-to-label ctdl-compose-to-field'
 		'ctdl-compose-subject-label ctdl-compose-subject-field'
-		'ctdl-compose-message-box ctdl-compose-message-box';
+		'ctdl-compose-message-box ctdl-compose-message-box'
+		'ctdl-compose-toolbar ctdl-compose-toolbar';
 	gap: 3px;
 }
 
@@ -512,6 +517,12 @@ blockquote pre {
 	padding: 0.5vw;
 }
 
+.ctdl-compose-toolbar {
+	grid-area: ctdl-compose-toolbar;
+	overflow: none;
+	padding: 0.5vw;
+}
+
 .ctdl-login-screen-grid-container {
 	display: grid;
 	grid-template-columns: auto auto;
diff --git a/webcit-ng/static/js/view_mail.js b/webcit-ng/static/js/view_mail.js
index bf500e5a0..5fa88e0f7 100644
--- a/webcit-ng/static/js/view_mail.js
+++ b/webcit-ng/static/js/view_mail.js
@@ -230,6 +230,9 @@ function mail_compose(is_quoted, references, msgid) {
 
 		+ "<div class=\"ctdl-compose-message-box\" id=\"ctdl-editor-body\" contenteditable=\"true\">"
 		+ "</div>"
+
+		+ "<div class=\"ctdl-compose-toolbar\">save, boldface, mass explosions, etc. etc. etc."
+		+ "</div>"
 	;
 
 }