fix: privileges page - tweak icon position and width, group name wrap…

…ping
NodeBB · Feb 3, 2021 · c729ade · c729ade
1 parent 970bd06
commit c729ade
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/public/less/admin/manage/privileges.less b/public/less/admin/manage/privileges.less
@@ -12,6 +12,10 @@
 	}
 
 	.privilege-table {
+		td:first-child {
+			white-space: nowrap;
+		}
+
 		td[data-delta="true"] > input {
 			&:after {
 				border-color: @state-success-text;

diff --git a/src/views/admin/partials/privileges/category.tpl b/src/views/admin/partials/privileges/category.tpl
@@ -32,10 +32,12 @@
 								<td>
 									{{{ if privileges.groups.isPrivate }}}
 										{{{ if (privileges.groups.name == "banned-users") }}}
-										<i class="fa fa-exclamation-triangle text-muted" title="[[admin/manage/categories:privileges.inheritance-exception]]"></i>
+										<i class="fa fa-fw fa-exclamation-triangle text-muted" title="[[admin/manage/categories:privileges.inheritance-exception]]"></i>
 										{{{ else }}}
-										<i class="fa fa-lock text-muted" title="[[admin/manage/categories:privileges.group-private]]"></i>
+										<i class="fa fa-fw fa-lock text-muted" title="[[admin/manage/categories:privileges.group-private]]"></i>
 										{{{ end }}}
+									{{{ else }}}
+									<i class="fa fa-fw fa-none"></i>
 									{{{ end }}}
 									{privileges.groups.name}
 								</td>

diff --git a/src/views/admin/partials/privileges/global.tpl b/src/views/admin/partials/privileges/global.tpl
@@ -15,10 +15,12 @@
 								<td>
 									{{{ if privileges.groups.isPrivate }}}
 										{{{ if (privileges.groups.name == "banned-users") }}}
-										<i class="fa fa-exclamation-triangle text-muted" title="[[admin/manage/categories:privileges.inheritance-exception]]"></i>
+										<i class="fa fa-fw fa-exclamation-triangle text-muted" title="[[admin/manage/categories:privileges.inheritance-exception]]"></i>
 										{{{ else }}}
-										<i class="fa fa-lock text-muted" title="[[admin/manage/categories:privileges.group-private]]"></i>
+										<i class="fa fa-fw fa-lock text-muted" title="[[admin/manage/categories:privileges.group-private]]"></i>
 										{{{ end }}}
+									{{{ else }}}
+									<i class="fa fa-fw fa-none"></i>
 									{{{ end }}}
 									{privileges.groups.name}
 								</td>