Workflows manager: add user-friendly CR selector

This CL lets users select CRs for the "Reply with CR" action in a
user-friendly manner.

A "Select CR" button next to the CR field has been added, which opens a
popup with an adapted version of the Community Console CR list with
buttons next to each CR which lets the user select one of them.

Fixed: twpowertools:148
Change-Id: I9799d671e7440b66435b30c540adc3f050c9f4e2
diff --git a/src/static/css/workflow_import.css b/src/static/css/workflow_import.css
new file mode 100644
index 0000000..e11c9d3
--- /dev/null
+++ b/src/static/css/workflow_import.css
@@ -0,0 +1,41 @@
+/**
+ * Styles used to hide some UI components in order to adapt the Community
+ * Console to be shown like an importer popup for the workflow manager.
+ */
+header.material-header {
+  visibility: hidden;
+}
+
+.material-content {
+  margin-top: 0!important;
+}
+
+.material-content > .scrollable-content {
+  height: 100vh!important;
+}
+
+material-drawer {
+  visibility: hidden;
+}
+
+.material-content > .scrollable-content > main.shifted-right {
+  margin-left: 32px!important;
+}
+
+ec-back-button {
+  visibility: hidden;
+}
+
+/**
+ * Don't allow creating/modifying/deleting CRs because this breaks the logic
+ * which adds the "Select" buttons.
+ */
+ec-canned-response-row .action .toolbar :is(
+    [debugid="edit-button"],
+    [debugid="delete-button"]) {
+  display: none;
+}
+
+material-fab.create-button {
+  display: none;
+}