Hide unnecessary tip on comment field (#2375)

2 files changed, 37 insertions, 3 deletions

diff --git a/source/features/clean-rich-text-editor.css b/source/features/clean-rich-text-editor.css
index c3bed0e8..41e956bc 100644
--- a/source/features/clean-rich-text-editor.css
+++ b/source/features/clean-rich-text-editor.css
@@ -1,6 +1,6 @@
 /* Hide unnecessary comment toolbar items */
-md-mention,
-md-ref,
-markdown-toolbar > :nth-last-child(4) { /* H1, B, I */
+.rgh-clean-rich-text-editor md-mention,
+.rgh-clean-rich-text-editor md-ref,
+.rgh-clean-rich-text-editor markdown-toolbar > :nth-last-child(4) { /* H1, B, I */
 	display: none !important; /* Has to override `.d-inline-block` */
 }
diff --git a/source/features/clean-rich-text-editor.ts b/source/features/clean-rich-text-editor.ts
new file mode 100644
index 00000000..cfcea805
--- /dev/null
+++ b/source/features/clean-rich-text-editor.ts
@@ -0,0 +1,34 @@
+import './clean-rich-text-editor.css';
+import select from 'select-dom';
+import features from '../libs/features';
+
+function hideButtons(): void {
+	document.body.classList.add('rgh-clean-rich-text-editor');
+}
+
+function hideTextareaTooltip(): void {
+	for (const textarea of select.all('.comment-form-textarea')) {
+		textarea.title = '';
+	}
+}
+
+features.add({
+	id: __featureName__,
+	description: 'Hides unnecessary comment field tooltips and toolbar items.',
+	screenshot: 'https://user-images.githubusercontent.com/1402241/53629083-a4fe8900-3c47-11e9-8211-bfe2d254ffcb.png',
+	include: [
+		features.hasRichTextEditor
+	],
+	load: features.onAjaxedPages,
+	init: hideTextareaTooltip
+});
+
+features.add({
+	id: __featureName__,
+	description: '',
+	screenshot: '',
+	include: [
+		features.isRepo
+	],
+	init: hideButtons
+});