nodebb-plugin-composer-default 11.0.1 → 11.0.3

package/package.json

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

package/static/lib/composer/formatting.js

@@ -117,7 +117,7 @@ define('composer/formatting', [
 	function generateBadgetHtml(btn) {
 		let badgeHtml = '';
 		if (btn.badge) {
-			badgeHtml = `<span class="px-1 position-absolute top-0 start-100 translate-middle badge rounded text-bg-info"></span>`;
+			badgeHtml = `<span class="px-1 position-absolute top-0 start-100 translate-middle-x badge rounded text-bg-info"></span>`;
 		}
 		return badgeHtml;
 	}

package/static/lib/composer.js

@@ -686,15 +686,15 @@ define('composer', [
 
 		if (uploads.inProgress[post_uuid] && uploads.inProgress[post_uuid].length) {
 			return composerAlert(post_uuid, '[[error:still-uploading]]');
-		} else if (checkTitle && payload.titleLen < parseInt(config.minimumTitleLength, 10)) {
+		} else if (!app.user.isAdmin && checkTitle && payload.titleLen < parseInt(config.minimumTitleLength, 10)) {
 			return composerAlert(post_uuid, '[[error:title-too-short, ' + config.minimumTitleLength + ']]');
-		} else if (checkTitle && payload.titleLen > parseInt(config.maximumTitleLength, 10)) {
+		} else if (!app.user.isAdmin && checkTitle && payload.titleLen > parseInt(config.maximumTitleLength, 10)) {
 			return composerAlert(post_uuid, '[[error:title-too-long, ' + config.maximumTitleLength + ']]');
 		} else if (action === 'topics.post' && !isCategorySelected) {
 			return composerAlert(post_uuid, '[[error:category-not-selected]]');
-		} else if (payload.bodyLen < parseInt(config.minimumPostLength, 10)) {
+		} else if (!app.user.isAdmin && payload.bodyLen < parseInt(config.minimumPostLength, 10)) {
 			return composerAlert(post_uuid, '[[error:content-too-short, ' + config.minimumPostLength + ']]');
-		} else if (payload.bodyLen > parseInt(config.maximumPostLength, 10)) {
+		} else if (!app.user.isAdmin && payload.bodyLen > parseInt(config.maximumPostLength, 10)) {
 			return composerAlert(post_uuid, '[[error:content-too-long, ' + config.maximumPostLength + ']]');
 		} else if (checkTitle && !tags.isEnoughTags(post_uuid)) {
 			return composerAlert(post_uuid, '[[error:not-enough-tags, ' + tags.minTagCount() + ']]');

package/static/scss/composer.scss

@@ -369,12 +369,9 @@
 	}
 }
 
-@include media-breakpoint-up(md) {
-	// without this formatting elements that are dropdowns are not visible on desktop.
-	// on mobile dropdowns use bottom-sheet and overflow is auto
-	.formatting-group {
-		overflow: visible!important;
-	}
+// without this formatting elements that are dropdowns are not visible
+.formatting-group:has([aria-expanded="true"]) {
+	overflow:visible!important;
 }
 
 @import './zen-mode';

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

@@ -1,5 +1,5 @@
 <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">
+	<ul class="list-unstyled mb-0 d-flex formatting-group gap-2 overflow-auto ghost-scrollbar" style="min-width: 0;">
 		{{{ each formatting }}}
 			{{{ if ./spacer }}}
 			<li class="small spacer"></li>
@@ -16,7 +16,7 @@
 						<a href="#" data-format="{./name}" class="dropdown-item rounded-1 position-relative" role="menuitem">
 							<i class="{./className} text-secondary"></i> {tx(./text)}
 							{{{ if ./badge }}}
-							<span class="px-1 position-absolute top-0 start-100 translate-middle badge rounded text-bg-info"></span>
+							<span class="px-1 position-absolute top-0 start-100 translate-middle-x badge rounded text-bg-info"></span>
 							{{{ end }}}
 						</a>
 					</li>
@@ -28,7 +28,7 @@
 				<button data-format="{./name}" class="btn btn-sm btn-link text-reset position-relative" aria-label="{tx(./title)}">
 					<i class="{./className}"></i>
 					{{{ if ./badge }}}
-					<span class="px-1 position-absolute top-0 start-100 translate-middle badge rounded text-bg-info"></span>
+					<span class="px-1 position-absolute top-0 start-100 translate-middle-x badge rounded text-bg-info"></span>
 					{{{ end }}}
 				</button>
 			</li>