aboutsummaryrefslogtreecommitdiffstats
path: root/workflow-designer-ui/src/main/frontend/resources
diff options
context:
space:
mode:
Diffstat (limited to 'workflow-designer-ui/src/main/frontend/resources')
-rw-r--r--workflow-designer-ui/src/main/frontend/resources/scss/_components.scss1
-rw-r--r--workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss10
-rw-r--r--workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss2
-rw-r--r--workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss14
-rw-r--r--workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss13
5 files changed, 37 insertions, 3 deletions
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss b/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss
index 93c75bf5..3baac0b0 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss
@@ -9,3 +9,4 @@
@import 'components/tree';
@import 'components/customModal';
@import 'components/scrollbars';
+@import 'components/archiveLabel'; \ No newline at end of file
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss b/workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss
new file mode 100644
index 00000000..a3fa8479
--- /dev/null
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss
@@ -0,0 +1,10 @@
+.archive-label {
+ @include body-3;
+ color: $white;
+ background-color: $dark-purple;
+ margin-left: 20px;
+ border-radius: 3px;
+ padding: 1px 10px;
+ align-self: center;
+ text-transform: none;
+} \ No newline at end of file
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss b/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss
index 4fa8d841..7bf784e4 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss
@@ -33,6 +33,8 @@
}
.version-status-container {
+ display: flex;
+ align-items: center;
.version-selector-more-versions {
@include body-1-emphasis;
color: $blue;
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss b/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss
index ea5bba28..c5c32030 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss
@@ -1,18 +1,26 @@
.wf-catalog {
overflow: auto;
background-color: $light-silver;
- display: grid;
grid-template-rows: 35px 1fr;
height: 100vh;
padding-bottom: 20px;
.header {
align-items: center;
display: flex;
- justify-content: flex-end;
+ justify-content: space-between;
background-color: $silver;
margin-bottom: 2px;
@include box-shadow(0px 1px 3px 0 rgba(0, 0, 0, 0.2));
- padding: 8px 60px 0 60px;
+ padding: 8px 60px 0 0px;
+ .wf-status-select {
+
+ display: grid;
+ width: 200px;
+ height: 34px;
+ margin-top: -8px;
+ background-color: $light-silver;
+ color: $blue;
+ }
&__search {
height: 25px;
}
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss b/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss
index e299fa3d..c1c371fd 100644
--- a/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss
+++ b/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss
@@ -64,6 +64,7 @@
color: $blue;
justify-content: space-between;
.title {
+ display: flex;
@include heading-1;
text-transform: uppercase;
}
@@ -80,6 +81,18 @@
height: 16px;
}
}
+ .restore-btn {
+ margin-left: 20px;
+ }
+ .archive-btn {
+ margin-left: 20px;
+ fill: $gray;
+ &:hover {
+ fill: $blue;
+ color: $light-blue;
+ cursor: pointer;
+ }
+ }
}
@mixin version-page-box-shadow() {