nodebb-plugin-composer-default 10.2.19 → 10.2.21

package/library.js

@@ -219,6 +219,7 @@ plugin.filterComposerBuild = async function (hookData) {
 			isAdminOrMod: isAdmin || isMod,
 			save_id: save_id,
 			privileges: globalPrivileges,
+			'composer:showHelpTab': meta.config['composer:showHelpTab'] === 1,
 		},
 	};
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-composer-default",
-  "version": "10.2.19",
+  "version": "10.2.21",
   "description": "Default composer for NodeBB",
   "main": "library.js",
   "repository": {

package/static/scss/composer.scss

@@ -1,5 +1,4 @@
 .composer {
-	user-select: none;
 	background-color: var(--bs-body-bg);
 	color: var(--bs-body-color);
 	z-index: $zindex-dropdown;
@@ -47,8 +46,6 @@
 		.category-list-container {
 
 			[component="category-selector"] {
-				margin-right: 0.5em;
-
 				.category-dropdown-menu {
 					max-height: 300px;
 				}
@@ -69,8 +66,6 @@
 	}
 
 	.formatting-bar {
-		margin: 0;
-
 		.spacer {
 			&:before {
 				content: ' | ';
@@ -232,6 +227,14 @@
 			animation: draft-saved 3s ease;
 		}
 	}
+
+	textarea {
+		resize: none;
+	}
+
+	.preview {
+		padding: $input-padding-y $input-padding-x;
+	}
 }
 
 .datetime-picker {

package/static/scss/page-compose.scss

@@ -1,20 +1,23 @@
-html,
-body.page-compose,
-.page-compose #content,
-.page-compose #panel {
-	height: 100%;
-}
-
-body.page-compose {
-	padding-bottom: 0 !important;
-}
-
 .page-compose .composer {
-	height: 100%;
 	z-index: initial;
 	position: static;
+	[data-action="hide"] {
+		display: none;
+	}
 }
 
 .zen-mode .page-compose .composer {
 	position: absolute;
-}
+}
+.page-compose {
+	&.skin-noskin, &.skin-cosmo, &.skin-flatly,
+	&.skin-journal, &.skin-litera, &.skin-minty, &.skin-pulse,
+	&.skin-sandstone, &.skin-sketchy, &.skin-spacelab, &.skin-united,
+	&.skin-cerulean, &.skin-lumen, &.skin-lux, &.skin-morph,
+	&.skin-simplex, &.skin-yeti, &.skin-zephyr	{
+		.composer {
+			color: var(--bs-body-color) !important;
+			background-color: var(--bs-body-bg) !important;
+		}
+	}
+}

package/static/templates/compose.tpl

@@ -1,5 +1,5 @@
-<div component="composer" class="composer{{{ if resizable }}} resizable{{{ end }}}{{{ if !isTopicOrMain }}} reply{{{ end }}}"{{{ if !disabled }}} style="visibility: inherit;"{{{ end }}}>
-	<div class="composer-container">
+<div component="composer" class="composer pb-3 h-100 {{{ if resizable }}} resizable{{{ end }}}{{{ if !isTopicOrMain }}} reply{{{ end }}}"{{{ if !disabled }}} style="visibility: inherit;"{{{ end }}}>
+	<div class="composer-container d-flex flex-column gap-1 h-100">
 		<form id="compose-form" method="post">
 			{{{ if pid }}}
 			<input type="hidden" name="pid" value="{pid}" />

package/static/templates/partials/composer-formatting.tpl

@@ -1,4 +1,4 @@
-<div class="d-flex justify-content-between gap-2 align-items-center formatting-bar">
+<div class="d-flex justify-content-between gap-2 align-items-center formatting-bar m-0">
 	<ul class="list-unstyled mb-0 d-flex formatting-group gap-2 overflow-auto">
 		{{{ each formatting }}}
 			{{{ if ./spacer }}}

package/static/templates/partials/composer-write-preview.tpl

@@ -5,6 +5,6 @@
 		<textarea class="write shadow-none rounded-1 w-100 form-control" tabindex="4" placeholder="[[modules:composer.textarea.placeholder]]">{body}</textarea>
 	</div>
 	<div class="preview-container d-none d-md-flex w-50">
-		<div class="preview p-3 border w-100 rounded-1 overflow-auto"></div>
+		<div class="preview w-100 overflow-auto"></div>
 	</div>
 </div>