Show checkmark when list has selection

Nuklon · Mar 19, 2019 · 532f69e · 532f69e
1 parent e2b1f0a
commit 532f69e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-table.less
@@ -44,6 +44,14 @@
 
     }
 
+    &.-has-selection {
+        .umb-user-table-row.-selectable {
+            .umb-checkmark {
+                visibility: visible;
+            }
+        }
+    }
+
     .umb-user-table-row.-selectable:hover {
         .umb-checkmark {
             visibility: visible;

diff --git a/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html b/src/Umbraco.Web.UI.Client/src/views/users/views/users/users.html
@@ -226,7 +226,7 @@
         <!-- Layout: Table -->
         <div ng-if="vm.activeLayout.path === '2'">
 
-            <div class="umb-table umb-user-table">
+            <div class="umb-table umb-user-table" ng-class="{'-has-selection': vm.selection.length > 0}">
                 <div class="umb-table-head">
                     <div class="umb-table-row">
                         <div class="umb-table-cell" style="padding-left: 10px; width: 10px;">