Merge pull request #834 from Bonymol-aot/FWF-5349/ui-issues

FWF-5349 : [BugFix] Updated and overrided styles for ui fixes

Author: arun-s-aot

forms-flow-theme/scss/bpmn.scss

@@ -15,6 +15,16 @@ $gray-darkest: var(--ff-gray-darkest);
   height: 100%;
 }
 
+.border-1{
+  border-width: 1px !important;
+}
+.border-dark{
+  --ff-border-opacity: 1;
+    border-color: rgba(var(--ff-dark-rgb), var(--ff-border-opacity)) !important;
+}
+.border{
+  border: var(--ff-border-width) var(--ff-border-style) var(--ff-border-color) !important;
+}
  .grab-cursor {
    cursor: move;
    cursor: grab;
@@ -43,8 +53,13 @@ $gray-darkest: var(--ff-gray-darkest);
 }
 
 .bpmn-main-container-editor{
-  width: 100%;
-  display: flex;
-  resize: vertical;
-  overflow: hidden;
+    width: 100%;
+    display: flex;
+    margin-bottom: 1.25rem;
+    margin-top: 0.625rem;
+    height: auto;
+    resize: vertical;
+    overflow: hidden;
+    max-height: 37.5rem;
+    min-height: 28.125rem;
 }

forms-flow-theme/scss/external/formio.scss

@@ -29,13 +29,22 @@ $gray-dark: var(--ff-gray-dark);
    }
   .formbuilder .formarea .breadcrumb li .badge.bg-primary{
    background-color: $primary !important;
+  }
+   .formbuilder .formarea .breadcrumb li .badge-primary{
+   background-color: $primary !important;
   }
   .formbuilder .formarea .breadcrumb li .badge.bg-success{
     background-color: $success !important;
+  }
+   .formbuilder .formarea .breadcrumb li .badge-success{
+    background-color: $success !important;
   }
    .formbuilder .formarea .breadcrumb li .badge.bg-info{
     background-color: $gray-dark !important;
   }
+    .formbuilder .formarea .breadcrumb li .badge-info{
+    background-color: $gray-dark !important;
+  }
 
   // Settings button on hovering formio component
   .component-settings-button {
@@ -71,6 +80,12 @@ $gray-dark: var(--ff-gray-dark);
           line-height: var(--spacer-150);
         }
       }
+      .nav-tabs .nav-link {
+    margin-bottom: calc(-1*var(--ff-nav-tabs-border-width));
+    border: var(--ff-nav-tabs-border-width) solid rgba(0,0,0,0);
+    border-top-left-radius: 0.375rem;
+    border-top-right-radius: 0.375rem;
+}
     }
 
     // Define a list of ignored components for reuse