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

fix: too small sortable handle for ACP>Manage>Categories

Browse Source 
The handle was initially just the icon, but now it is the icon
and the category label itself.
This commit is contained in:
Julian Lam
2020-07-27 16:07:52 -04:00
parent 97088f6887
commit 8473e165a6
3 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
public/less/admin/manage/categories.less
View File

@@ -68,24 +68,25 @@ div.categories {
}
}
.icon {
width: 24px;
height: 24px;
border-radius: 50%;
line-height: 24px;
text-align: center;
vertical-align: bottom;
background-size: cover;
float: left;
margin-right: 0px;
cursor: move;
.fa {
font-size: 85%;
}
}
.information {
padding-left: 60px;
cursor: move;
padding-left: 3rem;
.icon {
width: 24px;
height: 24px;
border-radius: 50%;
line-height: 24px;
text-align: center;
vertical-align: bottom;
background-size: cover;
float: left;
margin-right: 1rem;
.fa {
font-size: 85%;
}
}
}
.category-header {

2
public/src/admin/manage/categories.js
View File

@@ -291,7 +291,7 @@ define('admin/manage/categories', [
sortables[parentId] = Sortable.create($('ul[data-cid="' + parentId + '"]')[0], {
group: 'cross-categories',
animation: 150,
handle: '.icon',
handle: '.information',
dataIdAttr: 'data-cid',
ghostClass: 'placeholder',
onAdd: itemDidAdd,

18
src/views/admin/partials/categories/category-rows.tpl
View File

@@ -7,16 +7,16 @@
<div class="toggle">
<i class="fa fa-minus"></i>
</div>
<div class="icon" style="
color: {categories.color};
background-color: {categories.bgColor};
<!-- IF categories.backgroundImage -->
background-image: url('{categories.backgroundImage}');
<!-- ENDIF categories.backgroundImage -->
">
<i data-name="icon" value="{categories.icon}" class="fa {categories.icon}"></i>
</div>
<div class="information">
<div class="icon" style="
color: {categories.color};
background-color: {categories.bgColor};
<!-- IF categories.backgroundImage -->
background-image: url('{categories.backgroundImage}');
<!-- ENDIF categories.backgroundImage -->
">
<i data-name="icon" value="{categories.icon}" class="fa {categories.icon}"></i>
</div>
<h5 class="category-header">{categories.name}</h5>
</div>
</div>