Activity Log: simplify update notices by removing the repeated 'Updat…

…e available for'. Update colors to move up in visual hierarchy. (#25765)
Automattic · Jun 27, 2018 · a43b61b · a43b61b
1 parent bfdcd48
commit a43b61b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/client/my-sites/stats/activity-log-tasklist/style.scss b/client/my-sites/stats/activity-log-tasklist/style.scss
@@ -46,12 +46,16 @@
 	.button.is-borderless {
 		vertical-align: middle;
 		line-height: 1;
+		color: $gray-dark;
 	}
 }
 
-.activity-log-tasklist__update-version,
-.activity-log-tasklist__update-type,
-.activity-log-tasklist__update-bullet {
+.activity-log-tasklist__update-version {
+	color: $gray-text-min;
+}
+
+.activity-log-tasklist__update-bullet,
+.activity-log-tasklist__update-type {
 	color: $gray;
 }
 

diff --git a/client/my-sites/stats/activity-log-tasklist/update.jsx b/client/my-sites/stats/activity-log-tasklist/update.jsx
@@ -50,15 +50,9 @@ class ActivityLogTaskUpdate extends Component {
 				<span className="activity-log-tasklist__update-item">
 					<div>
 						<span className="activity-log-tasklist__update-text">
-							{ translate( 'Update available for {{linked/}}', {
-								components: {
-									linked: (
-										<Button onClick={ this.handleNameClick } borderless>
-											{ name }
-										</Button>
-									),
-								},
-							} ) }
+							<Button borderless onClick={ this.handleNameClick }>
+								{ name }
+							</Button>
 						</span>
 						<span className="activity-log-tasklist__update-bullet">&bull;</span>
 						<span className="activity-log-tasklist__update-version">{ version }</span>