Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-22 11:45:59 +01:00
Code Issues Projects Releases Wiki Activity

PM-10374 update margins in view v2 components (#10425)

Browse Source
This commit is contained in:
Jason Ng 2024-08-07 16:55:48 -04:00 committed by GitHub
parent 600c8de129
commit 7b0c526fb8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
libs/vault/src/cipher-view/additional-options/additional-options.component.html
View File

@ -2,7 +2,7 @@
<bit-section-header>
<h2 bitTypography="h6">{{ "additionalOptions" | i18n }}</h2>
</bit-section-header>
<bit-card>
<bit-card class="[&_bit-form-field:last-of-type]:tw-mb-0">
<bit-form-field>
<bit-label>{{ "note" | i18n }}</bit-label>
<textarea readonly bitInput aria-readonly="true">{{ notes }}</textarea>

10
libs/vault/src/cipher-view/card-details/card-details-view.component.html
View File

@ -2,8 +2,8 @@
<bit-section-header>
<h2 bitTypography="h6">{{ setSectionTitle }}</h2>
</bit-section-header>
<bit-card>
<bit-form-field [disableMargin]="!card.number && !card.expiration && !card.code">
<bit-card class="[&_bit-form-field:last-of-type]:tw-mb-0">
<bit-form-field>
<bit-label>{{ "cardholderName" | i18n }}</bit-label>
<input
readonly
@ -14,7 +14,7 @@
data-testid="cardholder-name"
/>
</bit-form-field>
<bit-form-field *ngIf="card.number" [disableMargin]="!card.expiration && !card.code">
<bit-form-field *ngIf="card.number">
<bit-label>{{ "number" | i18n }}</bit-label>
<input
readonly
@ -42,7 +42,7 @@
data-testid="copy-number"
></button>
</bit-form-field>
<bit-form-field *ngIf="card.expiration" [disableMargin]="!card.code">
<bit-form-field *ngIf="card.expiration">
<bit-label>{{ "expiration" | i18n }}</bit-label>
<input
readonly
@ -53,7 +53,7 @@
data-testid="cardholder-expiration"
/>
</bit-form-field>
<bit-form-field *ngIf="card.code" disableMargin>
<bit-form-field *ngIf="card.code">
<bit-label>{{ "securityCode" | i18n }}</bit-label>
<input
readonly

1
libs/vault/src/cipher-view/item-details/item-details-v2.component.html
View File

@ -22,6 +22,7 @@
<ul
[attr.aria-label]="'itemLocation' | i18n"
*ngIf="cipher.collectionIds?.length || cipher.organizationId || cipher.folderId"
class="tw-mb-0"
>
<li
*ngIf="cipher.organizationId && organization"

10
libs/vault/src/cipher-view/item-history/item-history-v2.component.html
View File

@ -7,7 +7,13 @@
<span class="tw-font-bold">{{ "lastEdited" | i18n }}:</span>
{{ cipher.revisionDate | date: "medium" }}
</p>
<p class="tw-mb-1 tw-text-xs tw-text-muted tw-select-none">
<p
class="tw-text-xs tw-text-muted tw-select-none"
[ngClass]="{
'tw-mb-1 ': cipher.hasPasswordHistory && isLogin,
'tw-mb-0': !cipher.hasPasswordHistory || !isLogin,
}"
>
<span class="tw-font-bold">{{ "dateCreated" | i18n }}:</span>
{{ cipher.creationDate | date: "medium" }}
</p>
@ -20,7 +26,7 @@
{{ cipher.passwordRevisionDisplayDate | date: "medium" }}
</p>
<a
*ngIf="cipher.hasPasswordHistory"
*ngIf="cipher.hasPasswordHistory && isLogin"
class="tw-font-bold tw-no-underline"
routerLink="/cipher-password-history"
[queryParams]="{ cipherId: cipher.id }"