diff --git a/src/app/send/send.component.html b/src/app/send/send.component.html index 05153e710b..21210f339c 100644 --- a/src/app/send/send.component.html +++ b/src/app/send/send.component.html @@ -43,14 +43,39 @@ [infiniteScrollContainer]="'#items .content'" [fromRoot]="true" (scrolled)="loadMore()"> -
diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json index 8d123a8156..768a562ffb 100644 --- a/src/locales/en/messages.json +++ b/src/locales/en/messages.json @@ -1638,5 +1638,17 @@ }, "copyLink": { "message": "Copy link" + }, + "disabled": { + "message": "Disabled" + }, + "maxAccessCountReached": { + "message": "Max access count reached" + }, + "expired": { + "message": "Expired" + }, + "pendingDeletion": { + "message": "Pending deletion" } } diff --git a/src/scss/list.scss b/src/scss/list.scss index d323c9dfe9..dc9149a963 100644 --- a/src/scss/list.scss +++ b/src/scss/list.scss @@ -101,3 +101,43 @@ } } } + +.list > a.flex-list-item { + display: flex; + align-items: center; + + .item-icon { + margin-left: -5px; + margin-right: 4px; + @include themify($themes) { + color: themed('mutedColor'); + } + } + + .item-content { + .item-title { + .title-badges { + @include themify($themes) { + color: themed('mutedColor'); + } + + .text-badge { + padding-left: 2px; + margin-right: 3px; + font-size: $font-size-small; + border-radius: 3px; + @include themify($themes) { + background-color: themed('mutedColorBackground'); + } + } + } + } + + .item-details { + font-size: $font-size-small; + @include themify($themes) { + color: themed('mutedColor'); + } + } + } +} diff --git a/src/scss/variables.scss b/src/scss/variables.scss index 98ab045672..7a005eccea 100644 --- a/src/scss/variables.scss +++ b/src/scss/variables.scss @@ -66,6 +66,7 @@ $themes: ( headingButtonHoverColor: $gray-light, labelColor: $gray-light, mutedColor: $text-muted, + mutedColorBackground: lighten($text-muted, 35%), totpStrokeColor: $brand-primary, boxRowButtonColor: $brand-primary, boxRowButtonHoverColor: darken($brand-primary, 10%), @@ -117,6 +118,7 @@ $themes: ( headingButtonHoverColor: #ffffff, labelColor: #a3a3a3, mutedColor: #a3a3a3, + mutedColorBackground: darken(#a3a3a3, 35%), totpStrokeColor: #cacaca, boxRowButtonColor: #cacaca, boxRowButtonHoverColor: #ffffff, @@ -168,6 +170,7 @@ $themes: ( headingButtonHoverColor: $nord6, labelColor: $nord4, mutedColor: $nord4, + mutedColorBackground: darken($nord4, 35%), totpStrokeColor: $nord4, boxRowButtonColor: $nord4, boxRowButtonHoverColor: $nord6,