nodebb-theme-persona 12.1.6 → 12.1.7

package/templates/partials/modals/post_history.tpl

@@ -0,0 +1,36 @@
+<p class="number-of-diffs">
+	<!-- IF numDiffs -->
+	[[topic:diffs.description, {numDiffs}]]
+	<!-- ELSE -->
+	[[topic:diffs.no-revisions-description, {numDiffs}]]
+	<!-- END -->
+</p>
+<!-- IF numDiffs -->
+<div class="form-group">
+	<select class="form-control">
+		{{{each diffs}}}
+		<option value="{../timestamp}">
+			{../pretty}
+			{{{ if ../username }}}[{../username}]{{{ end }}}
+			<!-- IF @first -->([[topic:diffs.current-revision]])<!-- END -->
+			<!-- IF @last -->([[topic:diffs.original-revision]])<!-- END -->
+		</option>
+		{{{end}}}
+	</select>
+
+	<hr />
+
+	<ul class="posts-list diffs"></ul>
+
+	{{{ if editable }}}
+	<button class="btn btn-primary" data-action="restore">[[topic:diffs.restore]]</button>
+	{{{ end }}}
+	{{{ if deletable }}}
+	<button class="btn btn-danger" data-action="delete">[[topic:diffs.delete]]</button>
+	{{{ end }}}
+	{{{ if editable }}}
+	<p class="help-block">[[topic:diffs.restore-description]]</p>
+	{{{ end }}}
+
+</div>
+<!-- END -->

package/templates/partials/modals/rename_room.tpl

@@ -0,0 +1,4 @@
+<input type="text" class="form-control" id="roomName" placeholder="[[modules:chat.rename-placeholder]]" value="{name}" />
+<p class="help-block">
+	[[modules:chat.rename-help]]
+</p>

package/templates/partials/modals/upload_file_modal.tpl

@@ -0,0 +1,44 @@
+	<div class="modal" tabindex="-1" role="dialog" aria-labelledby="upload-file" aria-hidden="true">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+					<h3>{title}</h3>
+				</div>
+				<div class="modal-body">
+					<form id="uploadForm" action="" method="post" enctype="multipart/form-data">
+						<div class="form-group">
+							<!-- IF description -->
+							<label for="fileInput">{description}</label>
+							<!-- ENDIF description -->
+							<input type="file" id="fileInput" name="files[]" <!-- IF accept -->accept="{accept}"<!-- ENDIF accept -->>
+							<!-- IF showHelp -->
+							<p class="help-block">
+								<!-- IF accept -->
+								[[global:allowed-file-types, {accept}]]
+								<!-- ENDIF accept -->
+
+								<!-- IF fileSize --><span id="file-size-block">([[uploads:maximum-file-size, {fileSize}]])</span><!-- ENDIF fileSize -->
+							</p>
+							<!-- ENDIF showHelp -->
+						</div>
+						<input type="hidden" id="params" name="params" />
+					</form>
+
+					<div id="upload-progress-box" class="progress progress-striped hide">
+						<div id="upload-progress-bar" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0">
+							<span class="sr-only"> [[success:success]]</span>
+						</div>
+					</div>
+
+					<div id="alert-status" class="alert alert-info hide"></div>
+					<div id="alert-success" class="alert alert-success hide"></div>
+					<div id="alert-error" class="alert alert-danger hide"></div>
+				</div>
+				<div class="modal-footer">
+					<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">[[global:close]]</button>
+					<button id="fileUploadSubmitBtn" class="btn btn-primary">{button}</button>
+				</div>
+			</div>
+		</div>
+	</div>

package/templates/partials/modals/upload_picture_from_url_modal.tpl

@@ -0,0 +1,17 @@
+	<div id="upload-picture-from-url-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="upload-picture-url" aria-hidden="true">
+		<div class="modal-dialog">
+			<div class="modal-content">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+					<h3 id="upload-picture-url">[[user:upload_picture]]</h3>
+				</div>
+				<div class="modal-body">
+					<input id="uploadFromUrl" class="form-control" type="text"/>
+				</div>
+				<div class="modal-footer">
+					<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">[[global:close]]</button>
+					<button class="btn btn-primary upload-btn">[[user:upload_picture]]</button>
+				</div>
+			</div>
+		</div>
+	</div>

package/templates/partials/modals/votes_modal.tpl

@@ -0,0 +1,10 @@
+<h3>[[global:upvoters]] <small>({upvoteCount})</small></h3>
+{{{each upvoters}}}
+<a href="{config.relative_path}/user/{upvoters.userslug}">{buildAvatar(upvoters, "sm", false)}</a>
+{{{end}}}
+<!-- IF showDownvotes -->
+<h3>[[global:downvoters]] <small>({downvoteCount})</small></h3>
+{{{each downvoters}}}
+<a href="{config.relative_path}/user/{downvoters.userslug}">{buildAvatar(downvoters, "sm", false)}</a>
+{{{end}}}
+<!-- ENDIF showDownvotes -->

package/templates/partials/move_thread_modal.tpl

@@ -0,0 +1,17 @@
+<div id="move_thread_modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Move Topic" aria-hidden="true">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+				<h3>[[topic:move_topic]]</h3>
+			</div>
+			<div class="modal-body">
+				<!-- IMPORT partials/category-selector.tpl -->
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-default" data-dismiss="modal" id="move_thread_cancel">[[global:buttons.close]]</button>
+				<button type="button" class="btn btn-primary" id="move_thread_commit" disabled>[[topic:confirm_move]]</button>
+			</div>
+		</div>
+	</div>
+</div>

package/templates/partials/notifications_list.tpl

@@ -7,10 +7,10 @@
 <li class="{notifications.readClass}" data-nid="{notifications.nid}" data-path="{notifications.path}" <!-- IF notifications.pid --> data-pid="{notifications.pid}"<!-- ENDIF notifications.pid --><!-- IF notifications.tid --> data-tid="{notifications.tid}"<!-- ENDIF notifications.tid -->>
 	<!-- IF notifications.image -->
 	<!-- IF notifications.from -->
-	<a href="{config.relative_path}/user/{notifications.user.userslug}"><img class="float-start user-img avatar avatar-rounded" style="--avatar-size: 32px;" src="{notifications.image}" /></a>
+	<a href="{config.relative_path}/user/{notifications.user.userslug}"><img class="pull-left user-img avatar avatar-md avatar-rounded"src="{notifications.image}" /></a>
 	<!-- ENDIF notifications.from -->
 	<!-- ELSE -->
-	<a href="{config.relative_path}/user/{notifications.user.userslug}"><div class="float-start avatar avatar-rounded" style="--avatar-size: 32px; background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
+	<a href="{config.relative_path}/user/{notifications.user.userslug}"><div class="pull-left avatar avatar-md avatar-rounded" style="background-color: {notifications.user.icon:bgColor};">{notifications.user.icon:text}</div></a>
 	<!-- ENDIF notifications.image -->
 
 	<a href="{notifications.path}" class="notification-chat-content deco-none">

package/templates/partials/paginator.tpl

@@ -1,45 +1,45 @@
-<div component="pagination" class="pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
-	<ul class="pagination hidden-xs justify-content-center">
-		<li class="page-item previous float-start<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a class="page-link" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+<div component="pagination" class="text-center pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
+	<ul class="pagination hidden-xs">
+		<li class="previous pull-left<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
 		</li>
 
 		{{{each pagination.pages}}}
 			<!-- IF pagination.pages.separator -->
-			<li component="pagination/select-page" class="page-item page select-page">
-				<a class="page-link" href="#"><i class="fa fa-ellipsis-h"></i></a>
+			<li component="pagination/select-page" class="page select-page">
+				<a href="#"><i class="fa fa-ellipsis-h"></i></a>
 			</li>
 			<!-- ELSE -->
-			<li class="page-item page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
-				<a class="page-link" href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
+			<li class="page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
+				<a href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
 			</li>
 			<!-- ENDIF pagination.pages.separator -->
 		{{{end}}}
 
-		<li class="page-item next float-end<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a class="page-link" href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		<li class="next pull-right<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
 		</li>
 	</ul>
 
-	<ul class="pagination hidden-sm hidden-md hidden-lg justify-content-center">
-		<li class="page-item first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a class="page-link" href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
+	<ul class="pagination hidden-sm hidden-md hidden-lg">
+		<li class="first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
 		</li>
 
-		<li class="page-item previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a class="page-link" href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+		<li class="previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
 		</li>
 
-		<li component="pagination/select-page" class="page-item page select-page">
-			<a class="page-link" href="#">{pagination.currentPage} / {pagination.pageCount}</a>
+		<li component="pagination/select-page" class="page select-page">
+			<a href="#">{pagination.currentPage} / {pagination.pageCount}</a>
 		</li>
 
-		<li class="page-item next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a class="page-link" href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		<li class="next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
 		</li>
 
-		<li class="page-item last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a class="page-link" href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
+		<li class="last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
 		</li>
 	</ul>
 </div>

package/templates/partials/post_bar.tpl

@@ -1,10 +1,10 @@
-<div class="topic-main-buttons float-end d-inline-block">
-	<span class="loading-indicator btn float-start hidden" done="0">
+<div class="topic-main-buttons pull-right inline-block">
+	<span class="loading-indicator btn pull-left hidden" done="0">
 		<span class="hidden-xs">[[topic:loading_more_posts]]</span> <i class="fa fa-refresh fa-spin"></i>
 	</span>
 
 	<!-- IF loggedIn -->
-	<button component="topic/mark-unread" class="btn btn-sm btn-outline-secondary" title="[[topic:mark_unread]]">
+	<button component="topic/mark-unread" class="btn btn-sm btn-default" title="[[topic:mark_unread]]">
 		<i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"></span>
 	</button>
 	<!-- ENDIF loggedIn -->
@@ -13,7 +13,7 @@
 
 	<!-- IMPORT partials/topic/sort.tpl -->
 
-	<div class="d-inline-block">
+	<div class="inline-block">
 	<!-- IMPORT partials/thread_tools.tpl -->
 	</div>
 	<!-- IMPORT partials/topic/reply-button.tpl -->

package/templates/partials/posts_list.tpl

@@ -1,4 +1,4 @@
-<ul component="posts" class="posts-list list-unstyled" data-nextstart="{nextStart}">
+<ul component="posts" class="posts-list" data-nextstart="{nextStart}">
 	{{{each posts}}}
 	<!-- IMPORT partials/posts_list_item.tpl -->
 	{{{end}}}

package/templates/partials/posts_list_item.tpl

@@ -1,5 +1,5 @@
 <li component="post" class="posts-list-item row<!-- IF ../deleted --> deleted<!-- ELSE --><!-- IF ../topic.deleted --> deleted<!-- ENDIF --><!-- ENDIF -->{{{ if ../topic.scheduled }}} scheduled{{{ end }}}" data-pid="{../pid}" data-uid="{../uid}">
-    <div class="col-lg-11 col-sm-10 col-9 post-body">
+    <div class="col-lg-11 col-sm-10 col-xs-9 post-body">
         <a class="topic-title" href="{config.relative_path}/post/{../pid}">
             <!-- IF !../isMainPost -->RE: <!-- ENDIF -->{../topic.title}
         </a>
@@ -21,7 +21,7 @@
         {{{ end }}}
 
         <div class="post-info">
-            <a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(../user, "28px", true, "user-img not-responsive")}</a>
+            <a href="{config.relative_path}/user/{../user.userslug}">{buildAvatar(../user, "md", true, "user-img not-responsive")}</a>
 
             <div class="post-author">
                 <a href="{config.relative_path}/user/{../user.userslug}">{../user.displayname}</a><br />

package/templates/partials/quick-search-results.tpl

@@ -1,29 +1,26 @@
-<ul id="quick-search-results" class="quick-search-results list-unstyled mb-0 p-0 overflow-auto" style="max-width:400px; max-height: 500px;">
+<ul id="quick-search-results" class="quick-search-results">
 {{{each posts}}}
 <li data-tid="{posts.topic.tid}" data-pid="{posts.pid}">
-	<a href="{config.relative_path}/post/{posts.pid}"
-		class="text-decoration-none text-reset clearfix d-block text-truncate px-3 py-1">
-		{buildAvatar(posts.user, "24px", true)}
-		<span class="quick-search-title fw-bold">{posts.topic.title}</span>
+	<a href="{config.relative_path}/post/{posts.pid}" class="deco-none">
+		{buildAvatar(posts.user, "sm", true)}
+		<span class="quick-search-title">{posts.topic.title}</span>
 		<br/>
-		<p class="snippet text-break text-wrap">
+		<p class="snippet">
 		{posts.snippet}
 		</p>
-		<small class="post-info float-end">
-			<div class="category-item d-inline-block">
-				{buildCategoryIcon(./category, "24px", "rounded-circle")} {posts.category.name}
-				&bull; <span class="timeago" title="{posts.timestampISO}"></span>
-			</div>
+		<small class="post-info pull-right">
+			<span class="fa-stack" style="{function.generateCategoryBackground, posts.category}"><i style="color:{posts.category.color};" class="fa {posts.category.icon} fa-stack-1x"></i></span> {posts.category.name} &bull;
+			<span class="timeago" title="{posts.timestampISO}"></span>
 		</small>
-	</a>
+	 </a>
 </li>
 <!-- IF !@last -->
-<li role="separator" class="dropdown-divider"></li>
+<li role="separator" class="divider"></li>
 <!-- ENDIF -->
 {{{end}}}
 </ul>
 <!-- IF multiplePages -->
-<div class="text-center mt-2">
+<div class="text-center">
 	<a href="{url}">
 		[[search:see-more-results, {matchCount}]]
 	</a>

package/templates/partials/slideout-menu.tpl

@@ -1,4 +1,4 @@
 <section class="menu-section" data-section="navigation">
-	<ul class="menu-section-list text-bg-dark"></ul>
+	<ul class="menu-section-list"></ul>
 </section>
 

package/templates/partials/tags_list.tpl

@@ -1,5 +1,5 @@
 {{{each tags}}}
-<h5 class="float-start tag-container me-4 mb-4 fw-bold">
-	<a href="{config.relative_path}/tags/{tags.valueEncoded}" data-tag="{tags.valueEscaped}"><span class="tag-item text-muted text-uppercase text-nowrap tag-class-{tags.class} me-2" data-tag="{tags.valueEscaped}">{tags.valueEscaped}</span><span class="tag-topic-count text-primary text-nowrap human-readable-number" title="{tags.score}">{tags.score}</span></a>
-</h5>
+<h3 class="pull-left tag-container">
+	<a href="{config.relative_path}/tags/{tags.valueEncoded}" data-value="{tags.valueEscaped}"><span class="tag-item tag-class-{tags.class}" data-tag="{tags.valueEscaped}">{tags.valueEscaped}</span><span class="tag-topic-count human-readable-number" title="{tags.score}">{tags.score}</span></a>
+</h3>
 {{{end}}}

package/templates/partials/thread_tools.tpl

@@ -1,8 +1,8 @@
-{{{ if privileges.view_thread_tools }}}
+<!-- IF privileges.view_thread_tools -->
 <div title="[[topic:thread_tools.title]]" class="btn-group thread-tools bottom-sheet">
-	<button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown" type="button">
+	<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" type="button">
 		<i class="fa fa-fw fa-gear"></i>
 	</button>
-	<ul class="dropdown-menu dropdown-menu-end"></ul>
+	<ul class="dropdown-menu dropdown-menu-right"></ul>
 </div>
-{{{ end }}}
+<!-- ENDIF privileges.view_thread_tools -->

package/templates/partials/topic/badge.tpl

@@ -0,0 +1,5 @@
+{{{each posts.user.selectedGroups}}}
+<!-- IF posts.user.selectedGroups.slug -->
+<a href="{config.relative_path}/groups/{posts.user.selectedGroups.slug}"><small class="label group-label inline-block" style="color:{posts.user.selectedGroups.textColor};background-color: {posts.user.selectedGroups.labelColor};"><!-- IF posts.user.selectedGroups.icon --><i class="fa {posts.user.selectedGroups.icon}"></i> <!-- ENDIF posts.user.selectedGroups.icon -->{posts.user.selectedGroups.userTitle}</small></a>
+<!-- ENDIF posts.user.selectedGroups.slug -->
+{{{end}}}

package/templates/partials/topic/deleted-message.tpl

@@ -1,6 +1,6 @@
 <div component="topic/deleted/message" class="alert alert-warning<!-- IF !deleted --> hidden<!-- ENDIF !deleted --> clearfix">
-    <span class="float-start">[[topic:deleted_message]]</span>
-    <span class="float-end">
+    <span class="pull-left">[[topic:deleted_message]]</span>
+    <span class="pull-right">
         <!-- IF deleter -->
         <a href="{config.relative_path}/user/{deleter.userslug}">
             <strong>{deleter.username}</strong>

package/templates/partials/topic/event.tpl

@@ -1,4 +1,4 @@
-<li component="topic/event" class="timeline-event text-muted" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
+<li component="topic/event" class="timeline-event" data-topic-event-id="{./id}" data-topic-event-type="{./type}">
 	<div class="timeline-badge">
 		<i class="fa {{{ if ./icon }}}{./icon}{{{ else }}}fa-circle{{{ end }}}"></i>
 	</div>
@@ -14,7 +14,7 @@
 		{{{ if ./user.system }}}
 		<span class="timeline-text">[[global:system-user]]</span>&nbsp;
 		{{{ else }}}
-		<span><a href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(./user, "16px", true)} &nbsp; {./user.username}</a></span>&nbsp;
+		<span><a href="{config.relative_path}/user/{./user.userslug}">{buildAvatar(./user, "xs", true)} &nbsp; {./user.username}</a></span>&nbsp;
 		{{{ end }}}
 	{{{ end }}}
 	<span class="timeago timeline-text" title="{./timestampISO}"></span>

package/templates/partials/topic/navigation-post.tpl

@@ -1,10 +1,10 @@
 <div class="clearfix">
-	<div class="icon float-start">
+	<div class="icon pull-left">
 		<a href="<!-- IF post.user.userslug -->{config.relative_path}/user/{post.user.userslug}<!-- ELSE -->#<!-- ENDIF post.user.userslug -->">
-			{buildAvatar(post.user, "24px", true, "", "user/picture")} {post.user.username}
+			{buildAvatar(post.user, "sm", true, "", "user/picture")} {post.user.username}
 		</a>
 	</div>
-	<small class="float-end">
+	<small class="pull-right">
 		<span class="timeago" title="{post.timestampISO}"></span>
 	</small>
 </div>

package/templates/partials/topic/navigator.tpl

@@ -3,16 +3,16 @@
     <div class="wrapper dropup">
         <i class="fa fa-2x fa-angle-double-up pointer fa-fw pagetop"></i>
 
-        <a href="#" class="dropdown-toggle d-inline-block" data-bs-toggle="dropdown" data-bs-reference="parent">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
             <span class="pagination-text"></span>
         </a>
 
         <i class="fa fa-2x fa-angle-double-down pointer fa-fw pagebottom"></i>
-        <ul class="dropdown-menu dropdown-menu-end" role="menu">
+        <ul class="dropdown-menu dropdown-menu-right" role="menu">
             <li>
                 <div class="row">
-                    <div class="col-8 post-content"></div>
-                    <div class="col-4 text-end">
+                    <div class="col-xs-8 post-content"></div>
+                    <div class="col-xs-4 text-right">
                         <div class="scroller-content">
                             <span class="pointer pagetop">[[topic:first-post]] <i class="fa fa-angle-double-up"></i></span>
                             <div class="scroller-container">
@@ -26,10 +26,10 @@
                     </div>
                 </div>
                 <div class="row">
-                    <div class="col-6">
-                        <button id="myNextPostBtn" class="btn btn-outline-secondary form-control" disabled>[[topic:go-to-my-next-post]]</button>
+                    <div class="col-xs-6">
+                        <button id="myNextPostBtn" class="btn btn-default form-control" disabled>[[topic:go-to-my-next-post]]</button>
                     </div>
-                    <div class="col-6">
+                    <div class="col-xs-6">
                         <input type="number" class="form-control" id="indexInput" placeholder="[[global:pagination.enter_index]]">
                     </div>
                 </div>

package/templates/partials/topic/necro-post.tpl

@@ -1,3 +1,3 @@
-<li component="topic/necro-post" class="necro-post text-muted timeline-event">
+<li component="topic/necro-post" class="necro-post timeline-event">
 	<span class="timeline-text">{text}</span>
 </li>

package/templates/partials/topic/post-menu-list.tpl

@@ -1,22 +1,23 @@
 <!-- IF posts.display_moderator_tools -->
+<li class="dropdown-header">[[topic:tools]]</li>
 <li>
-	<a class="dropdown-item" component="post/edit" role="menuitem" tabindex="-1" href="#">
+	<a component="post/edit" role="menuitem" tabindex="-1" href="#">
 		<span class="menu-icon"><i class="fa fa-fw fa-pencil"></i></span> [[topic:edit]]
 	</a>
 </li>
 <li <!-- IF posts.deleted -->hidden<!-- ENDIF posts.deleted -->>
-	<a class="dropdown-item" component="post/delete" role="menuitem" tabindex="-1" href="#" class="<!-- IF posts.deleted -->hidden<!-- ENDIF posts.deleted -->">
-		<span class="menu-icon"><i class="fa fa-fw fa-trash-o"></i><span> [[topic:delete]]
+	<a component="post/delete" role="menuitem" tabindex="-1" href="#" class="<!-- IF posts.deleted -->hidden<!-- ENDIF posts.deleted -->">
+		<div class="inline menu-icon"><i class="fa fa-fw fa-trash-o"></i></div> <span>[[topic:delete]]</span>
 	</a>
 </li>
 <li <!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->>
-	<a class="dropdown-item" component="post/restore" role="menuitem" tabindex="-1" href="#" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">
-		<span class="menu-icon"><i class="fa fa-fw fa-history"></i><span> [[topic:restore]]
+	<a component="post/restore" role="menuitem" tabindex="-1" href="#" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">
+		<div class="inline menu-icon"><i class="fa fa-fw fa-history"></i></div> <span>[[topic:restore]]</span>
 	</a>
 </li>
 <!-- IF posts.display_purge_tools -->
 <li <!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->>
-	<a class="dropdown-item" component="post/purge" role="menuitem" tabindex="-1" href="#" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">
+	<a component="post/purge" role="menuitem" tabindex="-1" href="#" class="<!-- IF !posts.deleted -->hidden<!-- ENDIF !posts.deleted -->">
 		<span class="menu-icon"><i class="fa fa-fw fa-eraser"></i></span> [[topic:purge]]
 	</a>
 </li>
@@ -24,7 +25,7 @@
 
 <!-- IF posts.display_move_tools -->
 <li>
-	<a class="dropdown-item" component="post/move" role="menuitem" tabindex="-1" href="#">
+	<a component="post/move" role="menuitem" tabindex="-1" href="#">
 		<span class="menu-icon"><i class="fa fa-fw fa-arrows"></i></span> [[topic:move]]
 	</a>
 </li>
@@ -32,7 +33,7 @@
 
 <!-- IF posts.display_change_owner_tools -->
 <li>
-	<a class="dropdown-item" component="post/change-owner" role="menuitem" tabindex="-1" href="#">
+	<a component="post/change-owner" role="menuitem" tabindex="-1" href="#">
 		<span class="menu-icon"><i class="fa fa-fw fa-user"></i></span> [[topic:change-owner]]
 	</a>
 </li>
@@ -40,13 +41,13 @@
 
 <!-- IF posts.ip -->
 <li>
-	<a class="dropdown-item" component="post/copy-ip" role="menuitem" tabindex="-1" href="#" data-clipboard-text="{posts.ip}">
+	<a component="post/copy-ip" role="menuitem" tabindex="-1" href="#" data-clipboard-text="{posts.ip}">
 		<span class="menu-icon" ><i class="fa fa-fw fa-copy"></i></span> [[topic:copy-ip]] {posts.ip}
 	</a>
 </li>
 <!-- IF posts.display_ip_ban -->
 <li>
-	<a class="dropdown-item" component="post/ban-ip" role="menuitem" tabindex="-1" href="#" data-ip="{posts.ip}">
+	<a component="post/ban-ip" role="menuitem" tabindex="-1" href="#" data-ip="{posts.ip}">
 		<span class="menu-icon"><i class="fa fa-fw fa-ban"></i></span> [[topic:ban-ip]] {posts.ip}
 	</a>
 </li>
@@ -56,7 +57,7 @@
 
 {{{each posts.tools}}}
 <li {{{ if ./disabled }}}class="disabled" {{{ end }}}>
-	<a class="dropdown-item" {{{ if ./action}}}component="{./action}"{{{ end }}} role="menuitem" tabindex="-1" href="{{{ if ./href }}}{./href}{{{ else }}}#{{{ end }}}">
+	<a {{{ if ./action}}}component="{./action}"{{{ end }}} role="menuitem" tabindex="-1" href="{{{ if ./href }}}{./href}{{{ else }}}#{{{ end }}}">
 		<span class="menu-icon"><i class="fa fa-fw {posts.tools.icon}"></i></span> {{posts.tools.html}}
 	</a>
 </li>
@@ -65,7 +66,7 @@
 <!-- IF !posts.deleted -->
 	<!-- IF posts.display_history -->
 	<li>
-		<a class="dropdown-item" component="post/view-history" role="menuitem" tabindex="-1" href="#">
+		<a component="post/view-history" role="menuitem" tabindex="-1" href="#">
 			<span class="menu-icon"><i class="fa fa-fw fa-history"></i></span> [[topic:view-history]]
 		</a>
 	</li>
@@ -73,7 +74,7 @@
 
 	{{{ if config.loggedIn }}}
 	<li>
-		<a class="dropdown-item" component="post/bookmark" role="menuitem" tabindex="-1" href="#" data-bookmarked="{posts.bookmarked}">
+		<a component="post/bookmark" role="menuitem" tabindex="-1" href="#" data-bookmarked="{posts.bookmarked}">
 			<span class="menu-icon">
 				<i component="post/bookmark/on" class="fa fa-fw fa-heart <!-- IF !posts.bookmarked -->hidden<!-- ENDIF !posts.bookmarked -->"></i>
 				<i component="post/bookmark/off" class="fa fa-fw fa-heart-o <!-- IF posts.bookmarked -->hidden<!-- ENDIF posts.bookmarked -->"></i>
@@ -85,48 +86,44 @@
 	{{{ end }}}
 
 	<li>
-		<a class="dropdown-item" role="menuitem" tabindex="-1" href="#" data-clipboard-text="{posts.absolute_url}">
+		<a role="menuitem" tabindex="-1" href="#" data-clipboard-text="{posts.absolute_url}">
 			<i class="fa fa-fw fa-link"></i> [[topic:copy-permalink]]
 		</a>
 	</li>
 
 	<!-- IF postSharing.length -->
-	<!-- IF config.loggedIn --><li class="dropdown-divider"></li><!-- ENDIF config.loggedIn -->
+	<!-- IF config.loggedIn --><li class="divider"></li><!-- ENDIF config.loggedIn -->
 	<li class="dropdown-header">[[topic:share_this_post]]</li>
 	<!-- ENDIF postSharing.length -->
 	{{{each postSharing}}}
 		<li>
-			<a class="dropdown-item" role="menuitem" component="share/{postSharing.id}" tabindex="-1" href="#"><span class="menu-icon"><i class="fa fa-fw {postSharing.class}"></i></span> {postSharing.name}</a>
+			<a role="menuitem" component="share/{postSharing.id}" tabindex="-1" href="#"><span class="menu-icon"><i class="fa fa-fw {postSharing.class}"></i></span> {postSharing.name}</a>
 		</li>
 	{{{end}}}
 <!-- ENDIF !posts.deleted -->
 
 {{{ if posts.display_flag_tools }}}
-<li class="dropdown-divider"></li>
+<li class="divider"></li>
 
 <li {{{ if posts.flags.flagged }}}hidden{{{ end }}}>
-	<a class="dropdown-item" component="post/flag" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:flag-post]]</a>
+	<a component="post/flag" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:flag-post]]</a>
 </li>
 <li {{{ if !posts.flags.flagged }}}hidden{{{ end }}} class="disabled text-muted">
-	<a class="dropdown-item" component="post/already-flagged" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:already-flagged]]</a>
+	<a component="post/already-flagged" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:already-flagged]]</a>
 </li>
 
 {{{ if (!posts.selfPost && posts.uid) }}}
 <li>
-	<a class="dropdown-item" component="post/flagUser" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:flag-user]]</a>
+	<a component="post/flagUser" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-flag"></i> [[topic:flag-user]]</a>
 </li>
 {{{ end }}}
 {{{ end }}}
 
 <!-- IF posts.display_moderator_tools -->
 {{{ if posts.flags.exists }}}
-<li>
-	<a class="dropdown-item" role="menuitem" tabindex="-1" href="{config.relative_path}/flags/{posts.flags.flagId}"><i class="fa fa-fw fa-exclamation-circle"></i> [[topic:view-flag-report]]</a>
-</li>
+<li><a role="menuitem" tabindex="-1" href="{config.relative_path}/flags/{posts.flags.flagId}"><i class="fa fa-fw fa-exclamation-circle"></i> [[topic:view-flag-report]]</a></li>
 {{{ if (posts.flags.state == "open") }}}
-<li>
-	<a class="dropdown-item" component="post/flagResolve" data-flagId="{posts.flags.flagId}" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-check"></i> [[topic:resolve-flag]]</a>
-</li>
+<li><a component="post/flagResolve" data-flagId="{posts.flags.flagId}" role="menuitem" tabindex="-1" href="#"><i class="fa fa-fw fa-check"></i> [[topic:resolve-flag]]</a></li>
 {{{ end }}}
 {{{ end }}}
 <!-- ENDIF posts.display_moderator_tools -->

package/templates/partials/topic/post-menu.tpl

@@ -1,4 +1,4 @@
-<span component="post/tools" class="dropdown moderator-tools bottom-sheet d-inline-block<!-- IF !posts.display_post_menu -->hidden<!-- ENDIF !posts.display_post_menu -->">
-	<a class="dropdown-toggle" href="#" data-bs-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v"></i></a>
-	<ul class="dropdown-menu dropdown-menu-end" role="menu"></ul>
+<span component="post/tools" class="dropdown moderator-tools bottom-sheet <!-- IF !posts.display_post_menu -->hidden<!-- ENDIF !posts.display_post_menu -->">
+	<a href="#" data-toggle="dropdown" data-ajaxify="false"><i class="fa fa-fw fa-ellipsis-v"></i></a>
+	<ul class="dropdown-menu dropdown-menu-right hidden" role="menu"></ul>
 </span>