diff --git a/static/app-strings.json b/static/app-strings.json
index 1a8fc9997..a35b219a6 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -2315,5 +2315,7 @@
"Clear Views": "Clear Views",
"Show Video View Progress": "Show Video View Progress",
"Display view progress on thumbnail. This setting will not hide any blockchain activity or downloads.": "Display view progress on thumbnail. This setting will not hide any blockchain activity or downloads.",
+ "%anonymous%": "%anonymous%",
+ "Anon --[used in <%anonymous% Reposted>]--": "Anon",
"--end--": "--end--"
}
diff --git a/ui/component/claimRepostAuthor/view.jsx b/ui/component/claimRepostAuthor/view.jsx
index c4daeba81..f130c7ed6 100644
--- a/ui/component/claimRepostAuthor/view.jsx
+++ b/ui/component/claimRepostAuthor/view.jsx
@@ -31,16 +31,18 @@ function ClaimRepostAuthor(props: Props) {
if (repostUrl && !repostChannelUrl) {
return (
-
-
- {__('Anonymous --[used in <%anonymous% Reposted>]--')},
- }}
- >
- %anonymous% Reposted
-
-
+
+
+
+ {__('Anon --[used in <%anonymous% Reposted>]--')},
+ }}
+ >
+ %anonymous%
+
+
+
);
}
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index b05b85dfc..4d070da2d 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -130,9 +130,9 @@
position: absolute;
display: block;
width: 225px;
- padding-top: 4px;
+ padding-top: 2px;
padding-right: 8px;
- background-color: var(--color-brand-blue);
+ background-color: var(--color-gray-7);
color: var(--color-primary-contrast);
text-align: center;
z-index: 1;
@@ -142,6 +142,14 @@
top: 10px;
transform: rotate(-45deg);
+ &.claim-preview__repost-ribbon--anon {
+ left: -85px;
+ top: 12px;
+ .icon {
+ margin-right: var(--spacing-xxs);
+ }
+ }
+
.button--uri-indicator {
top: -3px;
}
@@ -160,7 +168,7 @@
overflow: hidden;
&:hover {
- color: var(--color-secondary);
+ color: var(--color-primary);
}
}
}