ui-soxo-bootstrap-core 2.6.5 → 2.6.6

package/core/modules/Informations/change-info/change-info.scss

@@ -1,135 +1,135 @@
-.change-profile-head {
-
-    display: flex;
-    // gap: 23px;
-
-    gap: 28px;
-    flex-direction: column;
-   
-}
-.change-profile{
-    margin-bottom: 12px;
-}
-
-.patient-card {
-    border: 1px solid #ddd;
-    padding: 10px;
-    transition: all 0.3s;
-    display: flex;
-    flex-direction: column;
-}
-
-.middle-class {
-    .content {
-        padding-bottom: 12px;
-    }
-
-}
-
-.change-info {
-    margin-bottom: 12px;
-    .change-info-details {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-
-
-    .change-info-patient-info {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-    }
-
-    .patient-radio {
-        margin-right: 10px;
-    }
-
-    .additional-info {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        width: 100%;
-        margin-top: 10px;
-
-        span {
-            margin-right: 20px;
-        }
-    }
-}
-
-.change-info-container {
-    border: 1px dashed #d0d0d0;
-    padding: 10px;
-    margin: 10px 0;
-
-
-    .change-infoheader {
-        font-weight: bold;
-        font-size: 16px;
-        margin-bottom: 10px;
-    }
-
-    .info-items {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 5px;
-    }
-
-
-    .info-field {
-        margin-right: 20px;
-        white-space: nowrap;
-    }
-
-    .info-field span:first-child {
-        font-weight: bold;
-        margin-right: 5px;
-    }
-
-    .value {
-        color: #000;
-    }
-
-    .selected {
-        font-style: italic;
-        color: #a0a0a0;
-        margin-left: 5px;
-    }
-}
-
-.patient-card:hover {
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-}
-
-
-.additional-info {
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: 10px;
-}
-
-.selected-info-item {
-    width: 150px;
-    /* Set the fixed width for each item */
-    margin-bottom: 10px;
-    /* Spacing between items */
-    display: flex;
-    flex-direction: column;
-    /* Align the title and value vertically */
-
-    .selected-info-field {
-        font-weight: bold;
-        margin-bottom: 5px;
-        /* Space between the label and value */
-    }
-
-    .selected-value {
-        color: #000;
-        white-space: nowrap;
-        /* Prevent text from wrapping */
-        overflow: hidden;
-        text-overflow: ellipsis;
-        /* Truncate overflow text with ellipsis */
-    }
+.change-profile-head {
+
+    display: flex;
+    // gap: 23px;
+
+    gap: 28px;
+    flex-direction: column;
+   
+}
+.change-profile{
+    margin-bottom: 12px;
+}
+
+.patient-card {
+    border: 1px solid #ddd;
+    padding: 10px;
+    transition: all 0.3s;
+    display: flex;
+    flex-direction: column;
+}
+
+.middle-class {
+    .content {
+        padding-bottom: 12px;
+    }
+
+}
+
+.change-info {
+    margin-bottom: 12px;
+    .change-info-details {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+
+    .change-info-patient-info {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+    }
+
+    .patient-radio {
+        margin-right: 10px;
+    }
+
+    .additional-info {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        width: 100%;
+        margin-top: 10px;
+
+        span {
+            margin-right: 20px;
+        }
+    }
+}
+
+.change-info-container {
+    border: 1px dashed #d0d0d0;
+    padding: 10px;
+    margin: 10px 0;
+
+
+    .change-infoheader {
+        font-weight: bold;
+        font-size: 16px;
+        margin-bottom: 10px;
+    }
+
+    .info-items {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 5px;
+    }
+
+
+    .info-field {
+        margin-right: 20px;
+        white-space: nowrap;
+    }
+
+    .info-field span:first-child {
+        font-weight: bold;
+        margin-right: 5px;
+    }
+
+    .value {
+        color: #000;
+    }
+
+    .selected {
+        font-style: italic;
+        color: #a0a0a0;
+        margin-left: 5px;
+    }
+}
+
+.patient-card:hover {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+
+.additional-info {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 10px;
+}
+
+.selected-info-item {
+    width: 150px;
+    /* Set the fixed width for each item */
+    margin-bottom: 10px;
+    /* Spacing between items */
+    display: flex;
+    flex-direction: column;
+    /* Align the title and value vertically */
+
+    .selected-info-field {
+        font-weight: bold;
+        margin-bottom: 5px;
+        /* Space between the label and value */
+    }
+
+    .selected-value {
+        color: #000;
+        white-space: nowrap;
+        /* Prevent text from wrapping */
+        overflow: hidden;
+        text-overflow: ellipsis;
+        /* Truncate overflow text with ellipsis */
+    }
 }

package/core/modules/dashboard/components/dashboard-card/animations.js

@@ -1,65 +1,65 @@
-export const boxVariants = {
-    background: { backgroundColor: "#C62E65" },
-    entering: { x: -50, opacity: 1},
-    entered: {
-        x: 0,
-        opacity: 1,
-        transition: {
-            x: {
-                duration: 1,
-                ease: "easeOut"
-            },
-            opacity: {
-                duration: 1
-            }
-        },
-        
-    },
-    opacity0: { scale: 1},
-    opacity1: { 
-        scale: 1.2,
-        transition: {
-            scale: {
-                duration: 1
-            }
-        }
-    },
-    top: { y: [null, -150, 0] },
-    left: {
-      x: [null, -150, 0],
-      transition: {
-        duration: 3,
-        times: [0, 0.3, 0.8],
-        ease: ["backIn", "backOut"]
-      }
-    },
-    right: { x: [null, 150, 0] },
-    zoom: { scale: [null, 2, 1], rotate: [0, 90, 0] }
-  }
-  
-  export const barsVariant = {
-    animate: { transition: { staggerChildren: 0.095 } }
-  }
-  
-  export const barVariant = {
-    initial: { scaleY: 0 },
-    animate: {
-      scaleY: [null, 1, 0],
-      transition: { ease: "easeOut" }
-    }
-  }
-  
-  export const buttonsVariant = {
-    appear: { transition: { staggerChildren: 0.08 } },
-    animate: { transition: { staggerChildren: 0.12 } }
-  }
-  
-  export const buttonVariant = {
-    hidden: { opacity: 0, x: -20 },
-    appear: { opacity: 1, x: 0, transition: { duration: 0.5, ease: "easeOut" } },
-    animate: {
-      y: [null, 50, 0],
-      scale: [1, 0, 1],
-      rotate: [0, 360, 0]
-    }
+export const boxVariants = {
+    background: { backgroundColor: "#C62E65" },
+    entering: { x: -50, opacity: 1},
+    entered: {
+        x: 0,
+        opacity: 1,
+        transition: {
+            x: {
+                duration: 1,
+                ease: "easeOut"
+            },
+            opacity: {
+                duration: 1
+            }
+        },
+        
+    },
+    opacity0: { scale: 1},
+    opacity1: { 
+        scale: 1.2,
+        transition: {
+            scale: {
+                duration: 1
+            }
+        }
+    },
+    top: { y: [null, -150, 0] },
+    left: {
+      x: [null, -150, 0],
+      transition: {
+        duration: 3,
+        times: [0, 0.3, 0.8],
+        ease: ["backIn", "backOut"]
+      }
+    },
+    right: { x: [null, 150, 0] },
+    zoom: { scale: [null, 2, 1], rotate: [0, 90, 0] }
+  }
+  
+  export const barsVariant = {
+    animate: { transition: { staggerChildren: 0.095 } }
+  }
+  
+  export const barVariant = {
+    initial: { scaleY: 0 },
+    animate: {
+      scaleY: [null, 1, 0],
+      transition: { ease: "easeOut" }
+    }
+  }
+  
+  export const buttonsVariant = {
+    appear: { transition: { staggerChildren: 0.08 } },
+    animate: { transition: { staggerChildren: 0.12 } }
+  }
+  
+  export const buttonVariant = {
+    hidden: { opacity: 0, x: -20 },
+    appear: { opacity: 1, x: 0, transition: { duration: 0.5, ease: "easeOut" } },
+    animate: {
+      y: [null, 50, 0],
+      scale: [1, 0, 1],
+      rotate: [0, 360, 0]
+    }
   }