ui-soxo-bootstrap-core 2.6.5 → 2.6.6

package/core/modules/reporting/components/reporting-dashboard/reporting-dashboard.scss

@@ -1,171 +1,171 @@
-.reporting-dashboard {
-  // margin: 14px;
-  .page-header {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .table-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-bottom: 10px;
-    padding-top: 10px;
-
-    .table-left {
-      display: flex;
-      align-items: center;
-
-      .menu-caption {
-        min-width: 100px;
-        font-weight: 500;
-      }
-    }
-
-    .table-right{
-      display: flex;
-      gap: 4px;
-    }
-  }
-  
-
-  .form-card {
-    padding: 20px 0px;
-    // background: #f5f5f578;
-    border: 1px solid #f1f1f1;
-    border-radius: 4px;
-    margin: 10px 0px;
-  }
-
-  .ant-card-body {
-    padding: 0px;
-  }
-
-  // margin: 0px 10px;
-
-  .ant-skeleton {
-    // padding: 0px 15px;
-  }
-
-  .ant-tabs {
-    position: relative;
-
-    button.ant-switch {
-      position: absolute;
-      right: 0px;
-      top: 4px;
-    }
-  }
-
-  .page-header {
-    display: flex;
-    justify-content: space-between;
-    // align-items: center;
-
-    //   .right{
-    //     display: flex;
-    //     justify-content: space-between;
-    //     width: 100%;
-    // }
-
-    .right {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      // width: 100%;
-      .ant-form-item {
-        margin-bottom: 0px;
-        margin-right: 15px;
-      }
-      .ant-picker-range {
-        margin-right: 15px;
-      }
-      .ant-btn-sm {
-        height: 33px;
-        margin-right: 15px;
-      }
-      .ant-form {
-        display: flex;
-      }
-      .ant-form-item-label {
-        margin-top: -29px;
-      }
-    }
-
-    @media only screen and (max-width: 768px) {
-      flex-direction: column;
-      align-items: flex-start;
-      padding: 15px;
-      .right {
-        display: block;
-        justify-content: space-between;
-        width: 100%;
-        .ant-form-item-label {
-          margin-top: 0px;
-        }
-        .date-and-fltr {
-          display: flex;
-          margin-top: 15px;
-        }
-      }
-    }
-  }
-
-  p.size-hint {
-    margin: 10px 0px;
-  }
-
-  @media only screen and (max-width: 768px) {
-    .size-hint {
-      padding-left: 15px;
-    }
-  }
-
-  .vehicle-card {
-    margin-bottom: 20px;
-    padding: 20px;
-    box-shadow:
-      1px 0 8px 0 rgba(0, 0, 0, 0.05),
-      8px 8px 18px 0 rgba(0, 0, 0, 0.05);
-    margin: 15px 0;
-    border: 1px solid #efefef;
-    color: #49535d;
-
-    h4,
-    h3 {
-      margin-bottom: 0px;
-    }
-
-    .detail-wrapper {
-      .detail-element {
-        margin: 20px 0px;
-        h3 {
-          margin: 10px 0px;
-        }
-      }
-    }
-    .document-status {
-      margin: 10px 0px;
-    }
-
-    .title {
-      // color: red;
-      margin-bottom: 0px;
-    }
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  .physicialLanding {
-    .page-wrapper {
-      padding-left: 15px;
-    }
-    .phycnListpgntn {
-      margin-right: 15px;
-    }
-
-    .patient-list .vehicle-card {
-      margin: 15px 15px;
-    }
-  }
-}
+.reporting-dashboard {
+  // margin: 14px;
+  .page-header {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .table-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: 10px;
+    padding-top: 10px;
+
+    .table-left {
+      display: flex;
+      align-items: center;
+
+      .menu-caption {
+        min-width: 100px;
+        font-weight: 500;
+      }
+    }
+
+    .table-right{
+      display: flex;
+      gap: 4px;
+    }
+  }
+  
+
+  .form-card {
+    padding: 20px 0px;
+    // background: #f5f5f578;
+    border: 1px solid #f1f1f1;
+    border-radius: 4px;
+    margin: 10px 0px;
+  }
+
+  .ant-card-body {
+    padding: 0px;
+  }
+
+  // margin: 0px 10px;
+
+  .ant-skeleton {
+    // padding: 0px 15px;
+  }
+
+  .ant-tabs {
+    position: relative;
+
+    button.ant-switch {
+      position: absolute;
+      right: 0px;
+      top: 4px;
+    }
+  }
+
+  .page-header {
+    display: flex;
+    justify-content: space-between;
+    // align-items: center;
+
+    //   .right{
+    //     display: flex;
+    //     justify-content: space-between;
+    //     width: 100%;
+    // }
+
+    .right {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // width: 100%;
+      .ant-form-item {
+        margin-bottom: 0px;
+        margin-right: 15px;
+      }
+      .ant-picker-range {
+        margin-right: 15px;
+      }
+      .ant-btn-sm {
+        height: 33px;
+        margin-right: 15px;
+      }
+      .ant-form {
+        display: flex;
+      }
+      .ant-form-item-label {
+        margin-top: -29px;
+      }
+    }
+
+    @media only screen and (max-width: 768px) {
+      flex-direction: column;
+      align-items: flex-start;
+      padding: 15px;
+      .right {
+        display: block;
+        justify-content: space-between;
+        width: 100%;
+        .ant-form-item-label {
+          margin-top: 0px;
+        }
+        .date-and-fltr {
+          display: flex;
+          margin-top: 15px;
+        }
+      }
+    }
+  }
+
+  p.size-hint {
+    margin: 10px 0px;
+  }
+
+  @media only screen and (max-width: 768px) {
+    .size-hint {
+      padding-left: 15px;
+    }
+  }
+
+  .vehicle-card {
+    margin-bottom: 20px;
+    padding: 20px;
+    box-shadow:
+      1px 0 8px 0 rgba(0, 0, 0, 0.05),
+      8px 8px 18px 0 rgba(0, 0, 0, 0.05);
+    margin: 15px 0;
+    border: 1px solid #efefef;
+    color: #49535d;
+
+    h4,
+    h3 {
+      margin-bottom: 0px;
+    }
+
+    .detail-wrapper {
+      .detail-element {
+        margin: 20px 0px;
+        h3 {
+          margin: 10px 0px;
+        }
+      }
+    }
+    .document-status {
+      margin: 10px 0px;
+    }
+
+    .title {
+      // color: red;
+      margin-bottom: 0px;
+    }
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .physicialLanding {
+    .page-wrapper {
+      padding-left: 15px;
+    }
+    .phycnListpgntn {
+      margin-right: 15px;
+    }
+
+    .patient-list .vehicle-card {
+      margin: 15px 15px;
+    }
+  }
+}

package/core/modules/steps/action-buttons.js

@@ -1,76 +1,74 @@
-/**
- * ActionButtons
- * Handles navigation and action controls for a multi-step process,
- * including dynamic content rendering and process completion actions.
- */
-import React, { useState } from 'react';
-import { Skeleton } from 'antd';
-import { Button } from '../../lib';
-import './action-buttons.scss';
-
-export default function ActionButtons({
-  loading,
-  steps,
-  activeStep,
-  isStepCompleted,
-  renderDynamicComponent,
-  handlePrevious,
-  handleNext,
-  handleSkip,
-  handleFinish,
-  handleStartNextProcess,
-  nextProcessId,
-  timelineCollapsed,
-}) {
-  const [showNextProcess, setShowNextProcess] = useState(false);
-
-  return (
-    <>
-      <div style={{ minHeight: 300 }}>{loading ? <Skeleton active /> : renderDynamicComponent()}</div>
-      <>
-        <div className="action-buttons-container">
-          {/* Back button */}
-          <Button disabled={activeStep === 0} onClick={handlePrevious}>
-            Back
-          </Button>
-
-          {/* Skip button */}
-          {steps.length > 0 && steps[activeStep]?.allow_skip === 'Y' && (
-            <Button type="default" onClick={handleSkip} disabled={activeStep === steps.length - 1}>
-              Skip
-            </Button>
-          )}
-
-          {/* Next / Finish / Start Next */}
-          {steps[activeStep]?.order_seqtype === 'E' ? (
-            <>
-              {!showNextProcess && (
-                <Button
-                  type="primary"
-                  onClick={async () => {
-                    const success = await handleFinish();
-                    if (success && nextProcessId?.next_process_id) {
-                      setShowNextProcess(true);
-                    }
-                  }}
-                >
-                  Finish
-                </Button>
-              )}
-              
-              {showNextProcess && nextProcessId?.next_process_id && (
-                <Button type="primary" onClick={handleStartNextProcess}>
-                  Start {nextProcessId.next_process_name}
-                </Button>
-              )}
-            </>
-          ) : (
-            <Button type="primary" disabled={activeStep === steps.length - 1 || !isStepCompleted} onClick={handleNext}>
-              Next →
-            </Button>
-          )}
-        </div>
-      </>
-    </>
-  );
-}
+/**
+ * ActionButtons
+ * Handles navigation and action controls for a multi-step process,
+ * including dynamic content rendering and process completion actions.
+ */
+import React, { useState } from 'react';
+import { Skeleton } from 'antd';
+import { Button } from '../../lib';
+import './action-buttons.scss';
+
+export default function ActionButtons({
+  loading,
+  steps,
+  activeStep,
+  isStepCompleted,
+  renderDynamicComponent,
+  handlePrevious,
+  handleNext,
+  handleSkip,
+  handleFinish,
+  handleStartNextProcess,
+  nextProcessId,
+  timelineCollapsed,
+}) {
+  const [showNextProcess, setShowNextProcess] = useState(false);
+
+  return (
+    <div className="action-buttons-layout">
+      <div className="action-buttons-content">{loading ? <Skeleton active /> : renderDynamicComponent()}</div>
+      <div className="action-buttons-container">
+        {/* Back button */}
+        <Button disabled={activeStep === 0} onClick={handlePrevious}>
+          Back
+        </Button>
+
+        {/* Skip button */}
+        {steps.length > 0 && steps[activeStep]?.allow_skip === 'Y' && (
+          <Button type="default" onClick={handleSkip} disabled={activeStep === steps.length - 1}>
+            Skip
+          </Button>
+        )}
+
+        {/* Next / Finish / Start Next */}
+        {steps[activeStep]?.order_seqtype === 'E' ? (
+          <>
+            {!showNextProcess && (
+              <Button
+                type="primary"
+                onClick={async () => {
+                  const success = await handleFinish();
+                  if (success && nextProcessId?.next_process_id) {
+                    setShowNextProcess(true);
+                  }
+                }}
+              >
+                Finish
+              </Button>
+            )}
+
+            {showNextProcess && nextProcessId?.next_process_id && (
+              <Button type="primary" onClick={handleStartNextProcess}>
+                Start {nextProcessId.next_process_name}
+              </Button>
+            )}
+          </>
+        ) : (
+          <Button type="primary" disabled={activeStep === steps.length - 1 || !isStepCompleted} onClick={handleNext}>
+            Next →
+          </Button>
+        )}
+      </div>
+    </div>
+  );
+}

package/core/modules/steps/action-buttons.scss

@@ -1,16 +1,45 @@
-.action-buttons-container {
-  margin-top: 38px;
-  display: flex;
-  justify-content: flex-start;
-  gap: 10px;
-  position: sticky;
-  bottom: 0;
-  z-index: 1000;
-  background: #fff;
-  padding: 10px 0;
-  border-top: 1px solid #f0f0f0;
-
-  .ant-btn {
-    border-radius: 4px;
-  }
+.action-buttons-layout {
+  display: grid;
+  grid-template-rows: minmax(0, 1fr) auto;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.action-buttons-content {
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  overscroll-behavior: contain;
+  padding-bottom: 8px;
+}
+
+.action-buttons-container {
+  margin-top: 0;
+  flex-shrink: 0;
+  // display: flex;
+  justify-content: flex-start;
+  gap: 10px;
+  // position: relative;
+  z-index: 2;
+  background: #fff;
+  padding: 12px 0 10px;
+  border-top: 1px solid #f0f0f0;
+  box-shadow: 0 -2px 10px rgba(15, 23, 42, 0.04);
+
+
+  width: 61%;
+  padding: 10px;
+  position: fixed;
+  bottom: 10px;
+  border: 1px solid #f1f1f1;
+  margin: flx;
+  display: flex;
+  border-radius: 4px;
+  box-shadow: -1px -4px 10px 2px #f7f7f76e;
+
+
+  .ant-btn {
+    border-radius: 4px;
+  }
 }