@pmidc/upyog-css 1.2.19 → 1.2.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmidc/upyog-css",
-  "version": "1.2.19",
+  "version": "1.2.21",
   "license": "MIT",
   "main": "dist/index.css",
   "engines": {

package/src/components/card.scss

@@ -722,7 +722,7 @@ button.card-link.submit-bar {
 
 
   .employee .employeeCard .field {
-    width: 40%;
+    width: 100%;
   }
   .employee .employeeCard .form-field {
     width: 100%;

package/src/index.scss

@@ -139,6 +139,7 @@
 
 @import "./modules/adv/index.scss";
 @import "./modules/hrms/index.scss";
+@import "./modules/BPA/index.scss";
 
 .display-none {
   display: none;

package/src/modules/BPA/index.scss

@@ -0,0 +1,99 @@
+.zero-margin-padding {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+.auto-height-box-43 {
+  height: auto;
+  min-height: 40px;
+  max-height: 40px;
+  width: 43%;
+  margin: 5px;
+  padding: 0;
+}
+
+.center-flex-desktop {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  padding: 0;
+  width: 46%;
+}
+
+.center-flex-mobile {
+  display: flex;
+  justify-content: center;
+  width: 80%;
+  margin-bottom: 10px;
+}
+
+.video-preview {
+  width: 100%;
+  border-radius: 8px;
+  background: #000;
+}
+
+/* Layout */
+.upload-container-flex {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+}
+
+/* Upload wrapper */
+.upload-file-min-height {
+  min-height: 50px;
+}
+
+/* Button */
+.upload-file-button {
+  height: auto;
+  min-height: 40px;
+  max-height: 40px;
+  width: 43%;
+  margin: 5px;
+  padding: 0;
+}
+
+/* Hide elements */
+.upload-hidden {
+  display: none;
+}
+
+/* Tag container */
+.upload-tag-container {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  padding: 0;
+  width: 46%;
+}
+
+/* View document container */
+.view-doc-container {
+  margin-bottom: 10px;
+}
+
+/* File input */
+.upload-file-input {
+  width: 43%;
+  min-height: 42px;
+  max-height: 42px;
+  top: 5px;
+  left: 5px;
+}
+
+/* Error text */
+.error-text {
+  color: red;
+}
+
+/* Mobile */
+@media (max-width: 768px) {
+  .upload-tag-container {
+    width: 80%;
+  }
+}

package/src/modules/adv/index.scss

@@ -272,7 +272,6 @@
   cursor: not-allowed;
 }
 
-
 .ads-cart-table-wrapper {
   flex: 1;
   overflow-y: auto;
@@ -391,9 +390,9 @@
 
 .ads-summary-edit {
   cursor: pointer;
-  color: #2e86de;
+  color: #2e86de !important;
   font-weight: 600;
-  font-size: 0.9rem;
+  text-align: end !important;
 }
 
 .ads-summary-row {
@@ -517,14 +516,14 @@
   font-size: 16px;
 }
 .ads-btn-back {
-  background: #fff;          
-  color: #2947a3;           
-  border: 1px solid #2947a3; 
+  background: #fff;
+  color: #2947a3;
+  border: 1px solid #2947a3;
 }
 .ads-heading-large {
   font-size: 28px;
   font-weight: 500;
-  color: #1C1D1F;
+  color: #1c1d1f;
 }
 .ads-search-container {
   width: auto;
@@ -550,4 +549,95 @@
 .ads-search-submit-wrapper {
   max-width: unset;
   margin-left: unset;
-}
+}
+
+/* ADS AdCard Refactored Styles */
+.ads-ad-card-image-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.ads-ad-card-info {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 13px;
+  color: #444;
+}
+
+.ads-ad-card-info-row {
+  display: flex;
+  justify-content: space-between;
+}
+
+.ads-ad-card-info-row--bold {
+  font-weight: 600;
+}
+
+.ads-ad-card-amount {
+  color: #222;
+}
+
+.ads-ad-card-light {
+  color: green;
+  font-weight: 600;
+}
+
+.ads-ad-card-date-row {
+  display: flex;
+  gap: 4px;
+  margin-top: 8px;
+}
+
+.ads-ad-card-date-field {
+  flex: 1;
+}
+
+.ads-ad-card-date-label {
+  font-size: 12px;
+  color: #666;
+}
+
+.ads-ad-card-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 6px;
+}
+
+.ads-ad-card-cart-icon {
+  color: black;
+}
+
+.ads-availibility-for-title {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+  color: #333;
+}
+
+/* ADS Cart Modal Refactored Styles */
+.ads-cart-modal-body {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.ads-cart-empty-text {
+  padding: 12px;
+  color: #666;
+}
+
+.ads-cart-item-header-info {
+  cursor: pointer;
+  flex: 1;
+}
+
+.ads-cart-item-toggle-modal {
+  font-size: 18px;
+  margin-left: 8px;
+}
+
+.ads-reservation-wrapper {
+  display: flex;
+  justify-content: flex-end;
+}

package/src/modules/hrms/index.scss

@@ -172,6 +172,7 @@ $hrms-radius-lg: 16px;
   padding: $hrms-space-base $hrms-space-lg $hrms-space-sm $hrms-space-lg;
   border-bottom: 1px solid $hrms-border-light;
   background: $hrms-bg-white;
+  margin-top:3rem;
   
   @media (max-width: 768px) {
     padding: $hrms-space-md;

package/src/pages/common/newApplicationTimeline.scss

@@ -127,20 +127,25 @@
 }
 
 .custom-card-top {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  align-items: flex-start;
   padding: 20px 24px;
+  gap: 16px;
 }
 
-.custom-card-left {
-  flex: 1;
-  padding-right: 16px;
+.custom-card-column {
+  display: flex;
+  flex-direction: column;
 }
 
-.custom-card-right {
-  flex-shrink: 0;
+.custom-card-column-mid {
+  text-align: center;
+}
+
+.custom-card-column-right {
+  text-align: right;
+  align-items: flex-end;
 }
 
 .custom-action-title {
@@ -178,11 +183,24 @@
 
 .custom-comments-section {
   display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
+  flex-direction: column;
   border-top: 1px solid #e5e7eb;
   padding: 16px 24px 20px;
+  gap: 12px;
 }
+
+.custom-comments-content {
+  width: 100%;
+}
+
+.custom-assigned-to-footer {
+  align-self: flex-end;
+  text-align: right;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+
 .custom-assignee-section {
   border-top: 1px solid #e5e7eb;
   padding: 16px 24px 20px;
@@ -266,24 +284,26 @@
   }
 
   .custom-card-top {
-    padding: 16px;
+    display: flex;
     flex-direction: column;
-    align-items: flex-start;
+    padding: 16px;
     gap: 12px;
   }
 
-  .custom-card-left {
-    padding-right: 0;
-    width: 100%;
-  }
-
-  .custom-card-right {
-    width: 100%;
+  .custom-card-column {
+    width: 100% !important;
+    text-align: left !important;
+    align-items: flex-start !important;
   }
 
   .custom-comments-section {
     padding: 12px 16px;
-    gap: 12px;
+  }
+
+  .custom-assigned-to-footer {
+    align-self: flex-start;
+    text-align: left;
+    align-items: flex-start;
   }
 }