Make workflows compatible with the dark theme
This CL also contains a minor fix for the workflows menu.
Fixed: twpowertools:146
Change-Id: I754e2695b3ee0f952b8f1c2f05af0533a715684c
diff --git a/src/contentScripts/communityConsole/workflows/components/TwptWorkflowProgress.js b/src/contentScripts/communityConsole/workflows/components/TwptWorkflowProgress.js
index 52245e0..54e8c63 100644
--- a/src/contentScripts/communityConsole/workflows/components/TwptWorkflowProgress.js
+++ b/src/contentScripts/communityConsole/workflows/components/TwptWorkflowProgress.js
@@ -7,6 +7,8 @@
import {css, html, LitElement} from 'lit';
import {map} from 'lit/directives/map.js';
+import {SHARED_MD3_STYLES} from '../../../../common/styles/md3.js';
+
export default class TwptWorkflowProgress extends LitElement {
static properties = {
workflow: {type: Object},
@@ -16,13 +18,16 @@
status: {type: String},
};
- static styles = css`
- .progressbar-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- `;
+ static styles = [
+ SHARED_MD3_STYLES,
+ css`
+ .progressbar-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ `,
+ ];
renderThreadProgress() {
// @TODO: Improve this UI when the actions section is complete