-
+ [ngClass]="{'active': s.id === sendId}" class="flex-list-item">
+
-
- {{s.name}}
-
-
{{s.deletionDate | date}}
+
+
+ {{s.name}}
+
+
+ {{'disabled' | i18n}}
+
+
+
+ {{'password' | i18n}}
+
+
+
+ {{'maxAccessCountReached' | i18n}}
+
+
+
+ {{'expired' | i18n}}
+
+
+
+ {{'pendingDeletion' | i18n}}
+
+
+
+
{{s.deletionDate | date}}
+
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,