bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 17:23:37 +00:00
Code Issues 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
4 changed files with 15 additions and 8 deletions
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> <bit-section-header>
<h2 bitTypography="h6">{{ "additionalOptions" | i18n }}</h2> <h2 bitTypography="h6">{{ "additionalOptions" | i18n }}</h2>
</bit-section-header> </bit-section-header>
<bit-card> <bit-card class="[&_bit-form-field:last-of-type]:tw-mb-0">
<bit-form-field> <bit-form-field>
<bit-label>{{ "note" | i18n }}</bit-label> <bit-label>{{ "note" | i18n }}</bit-label>
<textarea readonly bitInput aria-readonly="true">{{ notes }}</textarea> <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> <bit-section-header>
<h2 bitTypography="h6">{{ setSectionTitle }}</h2> <h2 bitTypography="h6">{{ setSectionTitle }}</h2>
</bit-section-header> </bit-section-header>
<bit-card> <bit-card class="[&_bit-form-field:last-of-type]:tw-mb-0">
<bit-form-field [disableMargin]="!card.number && !card.expiration && !card.code"> <bit-form-field>
<bit-label>{{ "cardholderName" | i18n }}</bit-label> <bit-label>{{ "cardholderName" | i18n }}</bit-label>
<input <input
readonly readonly
@@ -14,7 +14,7 @@
data-testid="cardholder-name" data-testid="cardholder-name"
/> />
</bit-form-field> </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> <bit-label>{{ "number" | i18n }}</bit-label>
<input <input
readonly readonly
@@ -42,7 +42,7 @@
data-testid="copy-number" data-testid="copy-number"
></button> ></button>
</bit-form-field> </bit-form-field>
<bit-form-field *ngIf="card.expiration" [disableMargin]="!card.code"> <bit-form-field *ngIf="card.expiration">
<bit-label>{{ "expiration" | i18n }}</bit-label> <bit-label>{{ "expiration" | i18n }}</bit-label>
<input <input
readonly readonly
@@ -53,7 +53,7 @@
data-testid="cardholder-expiration" data-testid="cardholder-expiration"
/> />
</bit-form-field> </bit-form-field>
<bit-form-field *ngIf="card.code" disableMargin> <bit-form-field *ngIf="card.code">
<bit-label>{{ "securityCode" | i18n }}</bit-label> <bit-label>{{ "securityCode" | i18n }}</bit-label>
<input <input
readonly readonly

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

@@ -22,6 +22,7 @@
<ul <ul
[attr.aria-label]="'itemLocation' | i18n" [attr.aria-label]="'itemLocation' | i18n"
*ngIf="cipher.collectionIds?.length || cipher.organizationId || cipher.folderId" *ngIf="cipher.collectionIds?.length || cipher.organizationId || cipher.folderId"
class="tw-mb-0"
> >
<li <li
*ngIf="cipher.organizationId && organization" *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> <span class="tw-font-bold">{{ "lastEdited" | i18n }}:</span>
{{ cipher.revisionDate | date: "medium" }} {{ cipher.revisionDate | date: "medium" }}
</p> </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> <span class="tw-font-bold">{{ "dateCreated" | i18n }}:</span>
{{ cipher.creationDate | date: "medium" }} {{ cipher.creationDate | date: "medium" }}
</p> </p>
@@ -20,7 +26,7 @@
{{ cipher.passwordRevisionDisplayDate | date: "medium" }} {{ cipher.passwordRevisionDisplayDate | date: "medium" }}
</p> </p>
<a <a
*ngIf="cipher.hasPasswordHistory" *ngIf="cipher.hasPasswordHistory && isLogin"
class="tw-font-bold tw-no-underline" class="tw-font-bold tw-no-underline"
routerLink="/cipher-password-history" routerLink="/cipher-password-history"
[queryParams]="{ cipherId: cipher.id }" [queryParams]="{ cipherId: cipher.id }"