Align message block baseline

4a9503c056b6e320c1eaec5811b23462128a88b4

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/scripts/personas.js+20 -2 Viewed

     const { isTemporary, info } = getPersonaTemporaryLockInfo();
     if (isTemporary) {
         const messageContainer = document.createElement('div');
-        messageContainer.innerHTML = t`Temporary persona in use.`;
+        const messageSpan = document.createElement('span');
+        messageSpan.textContent = t`Temporary persona in use.`;
+        messageContainer.appendChild(messageSpan);
+        messageContainer.classList.add('flex-container', 'alignItemsBaseline');
         const infoIcon = document.createElement('i');
-        infoIcon.classList.add('fa-solid', 'fa-circle-info', 'opacity50p', 'marginLeft5');
+        infoIcon.classList.add('fa-solid', 'fa-circle-info', 'opacity50p');
         infoIcon.title = info;
         messageContainer.appendChild(infoIcon);

     saveSettingsDebounced();
+}
+/**
+ * If a current user avatar is not bound to persona, bind it.
+ */
+function migrateNonPersonaUser() {
+    if (user_avatar in power_user.personas) {
+        return;
+    }
+    power_user.personas[user_avatar] = name1;
+    void getOrCreatePersonaDescriptor();
+    setPersonaDescription();
+    saveSettingsDebounced();
+}
 export function initPersonas() {
+    migrateNonPersonaUser();
     $('#persona_delete_button').on('click', deleteUserAvatar);
     $('#lock_persona_default').on('click', () => togglePersonaLock('default'));
     $('#lock_user_name').on('click', () => togglePersonaLock('chat'));