Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-02 03:55:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: update styling of available nav items in ACP

Browse Source
This commit is contained in:
Julian Lam
2024-03-08 12:32:57 -05:00
parent d31978b3a8
commit 6aece6893b
2 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
public/scss/admin/general/navigation.scss
View File

@@ -33,14 +33,6 @@
#available {
.drag-item {
cursor: move;
margin-right: 10px;
padding: 8px 10px;
margin-bottom: 5px;
}
p {
line-height: 20px;
min-height: 40px;
}
}

25
src/views/admin/settings/navigation.tpl
View File

@@ -122,8 +122,8 @@
<div class="card-header">[[admin/settings/navigation:available-menu-items]]</div>
<div class="card-body">
<ul id="available">
<li data-id="custom" class="clearfix">
<div data-id="custom" class="drag-item alert alert-success float-start">
<li data-id="custom" class="clearfix d-flex align-items-center gap-3 mb-3">
<div data-id="custom" class="drag-item alert p-2 mb-0 alert-success">
<i class="fa fa-fw fa-plus-circle"></i>
</div>
<p>
@@ -131,14 +131,23 @@
</p>
</li>
{{{ each available }}}
<li data-id="{@index}" class="clearfix">
<div data-id="{@index}" class="drag-item alert {{{ if available.core }}}alert-warning{{{ else }}}alert-info{{{ end }}} float-start">
<li data-id="{@index}" class="clearfix d-flex align-items-center gap-3 mb-3">
<div data-id="{@index}" class="drag-item alert p-2 mb-0 {{{ if available.core }}}alert-warning{{{ else }}}alert-info{{{ end }}}">
<i class="fa fa-fw {{{ if available.iconClass }}}{available.iconClass}{{{ else }}}fa-navicon{{{ end }}}"></i>
</div>
<p>
<strong>{available.text}</strong> {available.route} <br/>
{{{ if available.core }}} [[admin/settings/navigation:core]] {{{ else }}} [[admin/settings/navigation:plugin]] {{{ end }}}
</p>
<div class="d-flex flex-column">
<p class="mb-0">
<strong>{available.text}</strong>
</p>
<p class="mb-0">
{{{ if available.core }}}
<span class="badge bg-primary-subtle text-primary">[[admin/settings/navigation:core]]</span>
{{{ else }}}
<span class="badge bg-secondary-subtle text-secondary">[[admin/settings/navigation:plugin]]</span>
{{{ end }}}
<span class="badge text-bg-none"><code>{available.route}</code></span>
</p>
</div>
</li>
{{{ end }}}
</ul>