diff --git a/apps/browser/src/_locales/en/messages.json b/apps/browser/src/_locales/en/messages.json index d858eae2ef..2e1c47451d 100644 --- a/apps/browser/src/_locales/en/messages.json +++ b/apps/browser/src/_locales/en/messages.json @@ -52,6 +52,9 @@ "tab": { "message": "Tab" }, + "vault": { + "message": "Vault" + }, "myVault": { "message": "My Vault" }, diff --git a/apps/browser/src/popup/scss/base.scss b/apps/browser/src/popup/scss/base.scss index 8534ad2320..fff32bf8b4 100644 --- a/apps/browser/src/popup/scss/base.scss +++ b/apps/browser/src/popup/scss/base.scss @@ -438,6 +438,10 @@ main { .no-items, .full-loading-spinner { text-align: center; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); .no-items-image { @include themify($themes) { diff --git a/apps/browser/src/popup/tabs.component.html b/apps/browser/src/popup/tabs.component.html index e522d3311b..f64837cc73 100644 --- a/apps/browser/src/popup/tabs.component.html +++ b/apps/browser/src/popup/tabs.component.html @@ -17,7 +17,7 @@ appA11yTitle="{{ 'myVault' | i18n }}" [attr.aria-pressed]="rlaMyVault.isActive" > - {{ "myVault" | i18n }} + {{ "vault" | i18n }}
  • diff --git a/apps/browser/src/popup/vault/ciphers.component.html b/apps/browser/src/popup/vault/ciphers.component.html index 2de18ebac0..d6b8756866 100644 --- a/apps/browser/src/popup/vault/ciphers.component.html +++ b/apps/browser/src/popup/vault/ciphers.component.html @@ -78,14 +78,20 @@ -
    - - -

    {{ "noItemsInList" | i18n }}

    - -
    +
    + +
    + + +

    {{ "noItemsInList" | i18n }}

    + +
    +
    +
    @@ -33,7 +34,6 @@
    -

    diff --git a/apps/browser/src/popup/vault/vault-select.component.html b/apps/browser/src/popup/vault/vault-select.component.html index ec7cd9d706..9ebaa55e56 100644 --- a/apps/browser/src/popup/vault/vault-select.component.html +++ b/apps/browser/src/popup/vault/vault-select.component.html @@ -7,8 +7,9 @@ aria-haspopup="menu" aria-controls="cdk-overlay-container" [attr.aria-expanded]="isOpen" + [attr.aria-label]="vaultFilterDisplay" > - {{ vaultFilterDisplay }}  + {{ vaultFilterDisplay | ellipsis: 45 }}  -  {{ organization.name | ellipsis: 23:true }} +  {{ organization.name | ellipsis: 21:true }}

    diff --git a/apps/browser/src/popup/vault/vault-select.component.ts b/apps/browser/src/popup/vault/vault-select.component.ts index fd66e23ebd..75104fbdfc 100644 --- a/apps/browser/src/popup/vault/vault-select.component.ts +++ b/apps/browser/src/popup/vault/vault-select.component.ts @@ -82,7 +82,9 @@ export class VaultSelectComponent implements OnInit { async load() { this.vaultFilter = this.vaultFilterService.getVaultFilter(); - this.organizations = await this.vaultFilterService.buildOrganizations(); + this.organizations = (await this.vaultFilterService.buildOrganizations()).sort((a, b) => + a.name.localeCompare(b.name) + ); this.enforcePersonalOwnwership = await this.vaultFilterService.checkForPersonalOwnershipPolicy();