Improve layout for item-with-type (CFM-411) (#213)

COmanage · Aug 29, 2024 · 8e283ca · 8e283ca
1 parent ea72b9f
commit 8e283ca
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
@@ -524,9 +524,6 @@
   .config-menu {
     column-count: 4;
   }
-  .item-with-type {
-    grid-template-columns: 1fr 2fr;
-  }
 }
 
 /* SPECIAL */

diff --git a/app/webroot/js/comanage/components/autocomplete/item-with-type.js b/app/webroot/js/comanage/components/autocomplete/item-with-type.js
@@ -47,7 +47,10 @@ export default {
       return this.app.types?.find((t) => t.id == this.item.type_id)?.display_name
     },
     itemClasses: function() {
-      return "item-with-type item-type-" + this.item.type_id; 
+      if(this.app.cosettings[0]?.person_picker_display_types) {
+        return "item-with-type item-type-" + this.item.type_id;
+      }
+      return "item-type-" + this.item.type_id;
     }
   },
   template: `