"Knowing who you are"

Work on issue #128.

src/assets/config.json

@@ -1,5 +1,7 @@
 {
     "appName": "Keanu Weblite",
+    "product": "Convene",
+    "productLink": "letsconvene.im",
     "defaultServer": "https://neo.keanu.im",
     "useShortCodeStickers": false,
     "analytics": {

src/assets/css/chat.scss

@@ -33,6 +33,18 @@ $admin-fg: white;
         margin-top: $chat-standard-padding-xs;
         margin-bottom: $chat-standard-padding-xs;
     }
+    .v-btn.avatar {
+        font-family: "Inter", sans-serif;
+        font-weight: 700;
+        font-size: 11 * $chat-text-size;
+        color: black;
+        background-color: white !important;
+        border: 1px solid black;
+        border-radius: $chat-standard-padding / 2;
+        height: $chat-standard-padding;
+        margin-top: $chat-standard-padding-xs;
+        margin-bottom: $chat-standard-padding-xs;
+    }
 }
 
 .room-list-notification-count {
@@ -718,20 +730,29 @@ $admin-fg: white;
         font-weight: bold;
         margin-left: 10px;
     }
+}
 
-    .action {
-        padding: 4px 20px;
-        cursor: pointer;
-        &::after {
-            /* divider */
-            content: " ";
-            display: block;
-            margin: 10px 0px;
-            bottom: 0px;
-            height: 1px;
-            background-color: #e1e1e1;
-            width: 100%;
-        }
+.action-row {
+    padding: 4px 20px;
+    cursor: pointer;
+    height: 55px;
+    font-family: "Inter", sans-serif;
+    font-size: 19px;
+    color: black;
+    position: relative;
+    .v-icon {
+        color: black !important;
+    }
+    &:not(:last-of-type):after {
+        /* divider */
+        position: absolute;
+        content: " ";
+        display: block;
+        margin: 0px 10px;
+        bottom: 0px;
+        height: 1px;
+        background-color: #e1e1e1;
+        width: 100%;
     }
 }
 
@@ -867,3 +888,13 @@ $admin-fg: white;
     vertical-align: middle;
     padding-top: 10px;
 }
+
+.avatar-32 {
+    font-size: 18 * $chat-text-size !important;
+    &.clickable {
+        cursor: pointer;
+        &:hover {
+            opacity: 0.7;
+        }
+    }
+}

src/assets/translations/en.json

@@ -116,7 +116,16 @@
     "password_new": "New password",
     "password_repeat": "Repeat new password",
     "display_name": "Display name"
-    
+  },
+  "profile_info_popup": {
+    "you_are": "You are",
+    "identity": "{displayName}",
+    "identity_temporary": "{displayName}",
+    "edit_profile": "Edit profile",
+    "logout": "Logout",
+    "want_more": "Want more?",
+    "powered_by": "This room is powered by {product}. Learn more at {productLink} or go ahead and create another room!",
+    "new_room": "+ New room"
   },
   "join": {
     "title": "Welcome to {roomName}",
@@ -164,10 +173,6 @@
     "user_you": "{user} (you)",
     "hide_all": "Hide",
     "show_all": "Show all >",
-    "my_profile": "My Profile",
-    "identity": "You are logged in as {displayName}.",
-    "identity_temporary": "Your identity {displayName} is temporary. You can change your name or set a password to keep it.",
-    "view_profile": "View",
     "leave_room": "Leave",
     "version_info": "Powered by Guardian Project. Version: {version}"
   },