experimenting

common/common.scss

@@ -1,3 +1,23 @@
+.public-user-field__display-in-directory {
+  display: none !important;
+}
+
+// user profile page
+.public-user-field.display-in-directory {
+  display: none !important;
+}
+
+.users-directory {
+    // hide total number of users row
+    .total-rows {
+        display: none !important;
+    }
+}
+
+.toggle-cards-button {
+    display: none;
+}
+
 .directory {
   .filter-name {
     float: none;

javascripts/discourse/initializers/user-card-directory.js

@@ -60,7 +60,9 @@ export default {
           if (settings.hide_current_user && this.currentUser) {
             allUsers = allUsers.filter((u) => u.id !== this.currentUser.id);
           }
-          const userCardInfos = allUsers.map((u) => {
+
+          const filteredUsers = allUsers.filter(u => u.user.user_fields["3"] === "true");
+          const userCardInfos = filteredUsers.map((u) => {
             if (this.cachedUserCardInfo[u.id]) {
               return this.cachedUserCardInfo[u.id];
             }
@@ -101,6 +103,9 @@ export default {
             });
           }
 
+          window.scrollBy(0, 5);
+          window.scrollBy(0, -5);
+
           return userCardInfos;
         },