As a user, I want the styles of the side panels to be the same

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.4.2 CE GA3, 7.4.13 DXP GA1, Master
• Component/s: Pages > A/B Testing for Content Pages, Pages > Content Performance, SEO Tools > Page Audit
• Labels:
  • d_21_06
  • fc_21_06
  • pt-app-security-review
• Epic Link: tango-sidepanels-adjustments
• Sprint: TANGO | #62 DEV | Jun04-Jun25, TANGO | #63 DEV | Jun25-Jul16
• Git Pull Request: https://github.com/liferay-tango/liferay-portal/pull/1312

We will unify styles (times icon, header color, spaces) for:

• the page Audit
• the Content Performance
• the A/B testing

side panels.

The segment simulation panel won't be tackled in this story.

Design

https://www.figma.com/file/BodTnJ55QzOPhltwsdVbuG/LPS-132404-Tango-Side-panels?node-id=0%3A1

Acceptance Criteria

Requirements	Acceptance Criteria	Test Strategy	Covered by frontend / backend test? (Yes/No)
	Given the content performance panel Then the header is the same color as the background of the panel is	Low	No
	Given the Page Audit Then the header is the same color as the background of the panel is	Low	No
	Given the AB testing panel Then the header is the same color as the background of the panel is	Low	No
	Given the content performance panel in a DPT When a web content is rendered Then the author avatar is shown	Low	No
	Given the content performance panel in a DPT When a web content is rendered *Then*the copy "Languages translated into" is not shown	Low	No
	Given the content performance panel in a DPT When a web content is rendered Then the flag icon is in the top position	Low	No