Change toggle all, fix multiple group inheritance, fix select dark mode display

src-ui/src/app/components/common/edit-dialog/user-edit-dialog/user-edit-dialog.component.ts

@@ -66,9 +66,12 @@ export class UserEditDialogComponent
   }
 
   get inheritedPermissions(): string[] {
-    const groupsVal = this.objectForm.get('groups').value
+    const groupsVal: Array<number> = this.objectForm.get('groups').value
-    return groupsVal !== null
+
-      ? this.groups.find((g) => g.id == groupsVal)?.permissions
+    if (!groupsVal) return []
-      : []
+    else
+      return groupsVal.flatMap(
+        (id) => this.groups.find((g) => g.id == id)?.permissions
+      )
   }
 }

src-ui/src/app/components/common/permissions-select/permissions-select.component.ts

@@ -145,6 +145,9 @@ export class PermissionsSelectComponent
       })
       this.typesWithAllActions.add(type)
     } else {
+      Object.keys(PermissionAction).forEach((action) => {
+        typeGroup.get(action).patchValue(false)
+      })
       this.typesWithAllActions.delete(type)
     }
   }

src-ui/src/theme.scss

@@ -157,6 +157,19 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
     background-color: var(--bs-light);
   }
 
+  .ng-select-multiple .ng-select-container .ng-value-container .ng-value {
+    background-color: var(--pngx-bg-alt);
+    color: var(--bs-body-color);
+
+    .ng-value-icon.left {
+      border-color: var(--pngx-bg-alt);
+
+      &:hover {
+        background-color: var(--pngx-primary-lighten-30);
+      }
+    }
+  }
+
   table {
     .des,
     .asc {