Merge "Add an info message explaining what flows can do"
diff --git a/polygerrit-ui/app/elements/change/gr-flows/gr-create-flow.ts b/polygerrit-ui/app/elements/change/gr-flows/gr-create-flow.ts
index 86ea9fa..a78eee7 100644
--- a/polygerrit-ui/app/elements/change/gr-flows/gr-create-flow.ts
+++ b/polygerrit-ui/app/elements/change/gr-flows/gr-create-flow.ts
@@ -18,6 +18,7 @@
import {NumericChangeId, ServerInfo} from '../../../types/common';
import '../../shared/gr-button/gr-button';
import '../../shared/gr-dialog/gr-dialog';
+import '../../shared/gr-icon/gr-icon';
import '../../core/gr-search-autocomplete/gr-search-autocomplete';
import '@material/web/select/outlined-select.js';
import '@material/web/select/select-option.js';
@@ -371,6 +372,17 @@
md-icon-button {
--md-icon-button-icon-size: 20px;
}
+ .info {
+ padding: var(--spacing-m);
+ width: fit-content;
+ }
+ .info-text {
+ font-weight: 300;
+ padding-left: var(--spacing-s);
+ }
+ .info-title {
+ font-weight: var(--font-weight-bold);
+ }
`,
];
}
@@ -459,6 +471,14 @@
override render() {
return html`
+ <div class="info">
+ <span class="info-title"> Flows: </span>
+ <span class="info-text">
+ Automate your workflow such as adding reviewers, starting reviews,
+ submitting changes and more
+ </span>
+ </div>
+
<div class="create-flow-header">
<gr-button
aria-label="Create Flow"
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-dark.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-dark.png
index aac810c..28a2960 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-dark.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-dark.png
Binary files differ
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty-dark.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty-dark.png
index 5c00aa6..7a7b5b5 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty-dark.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty-dark.png
Binary files differ
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty.png
index 7c82f8d..4ab7357 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-empty.png
Binary files differ
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading-dark.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading-dark.png
index 8e7f61c..054acc6 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading-dark.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading-dark.png
Binary files differ
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading.png
index 0175331..310219c 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-loading.png
Binary files differ
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple-dark.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple-dark.png
index c5c0aa7..07d1c36 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple-dark.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple-dark.png
Binary files differ
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple.png
index 132ec5d..32200a5 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows-multiple.png
Binary files differ
diff --git a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows.png b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows.png
index 90fc0c2..2f308d1 100644
--- a/polygerrit-ui/screenshots/Chromium/baseline/gr-flows.png
+++ b/polygerrit-ui/screenshots/Chromium/baseline/gr-flows.png
Binary files differ
