Release v0.0.7 - Identity list UI redesign with avatars
- Redesign identities list to show avatar and display name from Nostr profile - Replace star icon selection with clickable row for identity switching - Add gear icon for direct access to identity settings - Highlight selected identity with primary color border - Remove credits box from information tab - Add rebuild instruction to CLAUDE.md - Clean up unused imports in info components - Replace HTML autofocus with programmatic focus for accessibility Files modified: - CLAUDE.md - package.json - projects/chrome/src/app/components/home/identities/* - projects/chrome/src/app/components/home/info/* - projects/chrome/src/app/components/vault-login/* - projects/firefox/src/app/components/home/identities/* - projects/firefox/src/app/components/home/info/* - projects/firefox/src/app/components/vault-login/* 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { Component, inject } from '@angular/core';
|
||||
import { AfterViewInit, Component, ElementRef, inject, ViewChild } from '@angular/core';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { Router } from '@angular/router';
|
||||
import {
|
||||
@@ -16,7 +16,9 @@ import { getNewStorageServiceConfig } from '../../common/data/get-new-storage-se
|
||||
styleUrl: './vault-login.component.scss',
|
||||
imports: [FormsModule, ConfirmComponent],
|
||||
})
|
||||
export class VaultLoginComponent {
|
||||
export class VaultLoginComponent implements AfterViewInit {
|
||||
@ViewChild('passwordInputElement') passwordInput!: ElementRef<HTMLInputElement>;
|
||||
|
||||
loginPassword = '';
|
||||
showInvalidPasswordAlert = false;
|
||||
|
||||
@@ -25,6 +27,10 @@ export class VaultLoginComponent {
|
||||
readonly #startup = inject(StartupService);
|
||||
readonly #profileMetadata = inject(ProfileMetadataService);
|
||||
|
||||
ngAfterViewInit() {
|
||||
this.passwordInput.nativeElement.focus();
|
||||
}
|
||||
|
||||
toggleType(element: HTMLInputElement) {
|
||||
if (element.type === 'password') {
|
||||
element.type = 'text';
|
||||
|
||||
Reference in New Issue
Block a user