Bug fixes

UI improvements Capability to configure header Signed-off-by: Dhananjaya Rajasinghe <[email protected]>
yaalalabs · Jan 19, 2023 · 70eadb1 · 70eadb1
1 parent 6d4db21
commit 70eadb1
Show file tree

Hide file tree

Showing 19 changed files with 1,888 additions and 726 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "fixyl",
-	"version": "1.0.7",
+	"version": "1.0.8",
 	"private": true,
 	"dependencies": {
 		"@ag-grid-community/all-modules": "^26.1.0",

diff --git a/src/main-layout/SessionWindow/SessionTab/SessionManagement/FixForm.scss b/src/main-layout/SessionWindow/SessionTab/SessionManagement/FixForm.scss
@@ -14,11 +14,12 @@
 
     .form-header {
         padding: 15px;
-        padding-bottom: 0;
+        padding-bottom: 5px;
 
         .title {
             font-size: 14px;
             font-weight: 500;
+            color: var(--accent-2-hover);
         }
     }
 

diff --git a/src/main-layout/SessionWindow/SessionTab/SessionManagement/FixForm.tsx b/src/main-layout/SessionWindow/SessionTab/SessionManagement/FixForm.tsx
diff --git a/src/main-layout/SessionWindow/SessionTab/SessionManagement/FixHeaderForm.scss b/src/main-layout/SessionWindow/SessionTab/SessionManagement/FixHeaderForm.scss
@@ -0,0 +1,111 @@
+.fix-header-form-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    color: var(--text-color);
+    background-color: var(--shade-375);
+    border-top: 1px solid var(--shade-300);
+
+    .ant-form {
+        height: 100%;
+        overflow: AUTO;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .form-header {
+        padding: 15px;
+        padding-bottom: 5px;
+
+        .title {
+            font-size: 14px;
+            font-weight: 500;
+            color: var(--accent-2-hover);
+        }
+    }
+
+    .form-body {
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+        padding: 0 15px 15px 15px;
+        flex-grow: 1;
+        padding-top: 15px;
+
+        .fix-field-wrapper {
+            .field-number {
+                margin-left: 5px;
+                font-size: 8px;
+                color: var(--shade-250);
+            }
+        }
+
+        .fix-component {
+            display: flex;
+            flex-direction: column;
+
+            &-title {
+                font-weight: 500;
+                margin-bottom: 15px;
+                color: var(--text-color-accent-1);
+            }
+
+            &-fields {
+            }
+        }
+
+        .fix-group {
+            display: flex;
+            flex-direction: column;
+
+            &-title {
+                font-weight: 500;
+                margin-bottom: 15px;
+                color: var(--text-color-accent-1);
+                display: flex;
+                flex-direction: row;
+            }
+
+            .fix-group-insert {
+                cursor: pointer;
+                margin-left: auto;
+            }
+
+            .repitition-block {
+                border-bottom: 1px solid var(--separator-color);
+                border-bottom-style: dashed;
+                margin-top: 5px;
+            }
+
+            &-fields {
+                .repitition-block {
+                    display: flex;
+
+                    &-content {
+                        display: flex;
+                        flex-direction: column;
+                        flex-grow: 1;
+                    }
+
+                    .dynamic-delete-button {
+                        color: var(--text-color-accent-1);
+                        margin: 5px 0 5px 5px;
+                    }
+                }
+            }
+        }
+    }
+
+    .form-footer {
+        justify-content: space-between;
+        padding: 10px;
+        background: var(--shade-375);
+        display: flex;
+
+        .save-btn {
+            margin-left: auto;
+        }
+    }
+}