@pmidc/upyog-css 1.2.10 → 1.2.12

package/package.json

@@ -1,63 +1,63 @@
-{
-  "name": "@pmidc/upyog-css",
-  "version": "1.2.10",
-  "license": "MIT",
-  "main": "dist/index.css",
-  "engines": {
-    "node": ">=10"
-  },
-  "cssConfig": {
-    "prefix": ""
-  },
-  "scripts": {
-    "start": "gulp build",
-    "build:prod": "gulp build",
-    "prepublish": "yarn build:prod",
-    "deploy": "gulp && cp -R svg example && cp -R img example && gh-pages -d example"
-  },
-  "browserslist": [
-    "> 3%",
-    "last 2 versions"
-  ],
-  "style": "./dist/index.css",
-  "dependencies": {
-    "node-sass": "4.14.1",
-    "normalize.css": "8.0.1",
-    "postcss-scss": "3.0.5",
-    "tailwindcss": "^1.9.6",
-    "yarn": "^1.22.22"
-  },
-  "devDependencies": {
-    "autoprefixer": "^10.4.4",
-    "cssnano": "4.1.11",
-    "gh-pages": "3.2.3",
-    "gulp": "4.0.2",
-    "gulp-clean": "^0.4.0",
-    "gulp-clean-css": "^4.3.0",
-    "gulp-livereload": "^4.0.2",
-    "gulp-postcss": "9.0.1",
-    "gulp-rename": "^2.0.0",
-    "gulp-sass": "^4.1.1",
-    "postcss": "8.4.12",
-    "postcss-cli": "8.3.1",
-    "postcss-header": "2.0.0",
-    "postcss-import": "^12.0.1",
-    "postcss-prefixer": "2.1.3",
-    "postcss-preset-env": "^6.7.1",
-    "postcss-scss": "3.0.5",
-    "sass": "1.49.11"
-  },
-  "files": [
-    "dist/index.min.css",
-    "dist/index.css",
-    "svg/**/*.svg",
-    "img/**/*.png",
-    "src/**/*.scss",
-    "src/**/*.css"
-  ],
-  "directories": {
-    "example": "example"
-  },
-  "author": "",
-  "description": ""
-}
+{
+  "name": "@pmidc/upyog-css",
+  "version": "1.2.12",
+  "license": "MIT",
+  "main": "dist/index.css",
+  "engines": {
+    "node": ">=10"
+  },
+  "cssConfig": {
+    "prefix": ""
+  },
+  "scripts": {
+    "start": "gulp build",
+    "build:prod": "gulp build",
+    "prepublish": "yarn build:prod",
+    "deploy": "gulp && cp -R svg example && cp -R img example && gh-pages -d example"
+  },
+  "browserslist": [
+    "> 3%",
+    "last 2 versions"
+  ],
+  "style": "./dist/index.css",
+  "dependencies": {
+    "node-sass": "4.14.1",
+    "normalize.css": "8.0.1",
+    "postcss-scss": "3.0.5",
+    "tailwindcss": "^1.9.6",
+    "yarn": "^1.22.22"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.4",
+    "cssnano": "4.1.11",
+    "gh-pages": "3.2.3",
+    "gulp": "4.0.2",
+    "gulp-clean": "^0.4.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-livereload": "^4.0.2",
+    "gulp-postcss": "9.0.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-sass": "^4.1.1",
+    "postcss": "8.4.12",
+    "postcss-cli": "8.3.1",
+    "postcss-header": "2.0.0",
+    "postcss-import": "^12.0.1",
+    "postcss-prefixer": "2.1.3",
+    "postcss-preset-env": "^6.7.1",
+    "postcss-scss": "3.0.5",
+    "sass": "1.49.11"
+  },
+  "files": [
+    "dist/index.min.css",
+    "dist/index.css",
+    "svg/**/*.svg",
+    "img/**/*.png",
+    "src/**/*.scss",
+    "src/**/*.css"
+  ],
+  "directories": {
+    "example": "example"
+  },
+  "author": "",
+  "description": ""
+}

package/src/components/card.scss

@@ -1,7 +1,10 @@
-.card, .card {
+.card,
+.card {
   box-shadow: none;
 }
-.card, .card, .card {
+.card,
+.card,
+.card {
   box-shadow: none;
 }
 
@@ -16,7 +19,6 @@
   overflow: visible;
   margin-bottom: 15px;
 
-
   .card-header {
     font-size: 20px;
     font-weight: 800;
@@ -103,8 +105,6 @@
       font-size: 16px !important;
     }
   }
-
-
 }
 
 .validation-error {
@@ -132,7 +132,7 @@
   box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
-   overflow: visible !important;
+  overflow: visible !important;
 
   .card-header {
     font-size: 22px;
@@ -224,8 +224,6 @@
     letter-spacing: 0.3px;
   }
 
-
-
   .card-search-heading {
     margin-right: 0px !important;
     margin-left: 0px !important;
@@ -261,10 +259,10 @@
   border: 1px solid #e1e8f0;
 }
 
-.card-link{
-   height: 40px;
+.card-link {
+  height: 40px;
   background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
-  color: white;
+  color: white !important;
   text-align: center;
   outline: none;
   width: 175px;
@@ -279,10 +277,20 @@
   &:hover {
     transform: translateY(-2px);
     box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
+    color: white !important;
   }
 
   &:focus {
     outline: none;
+    color: white !important;
+  }
+
+  &:active {
+    color: white !important;
+  }
+
+  &:visited {
+    color: white !important;
   }
 
   header {
@@ -293,7 +301,8 @@
   }
 }
 
-.submit-bar, .bpa-owner-submit-back {
+.submit-bar,
+.bpa-owner-submit-back {
   height: 40px;
   background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
   color: white;
@@ -398,7 +407,6 @@ button.card-link.submit-bar {
   }
 }
 
-
 @media (min-width: 1024px) {
   .submit-bar,
   .submit-bar-disabled {
@@ -427,8 +435,6 @@ button.card-link.submit-bar {
     .card-text-primary {
       font-size: 16px;
     }
-
-
   }
 
   .employeeCard {
@@ -485,14 +491,11 @@ button.card-link.submit-bar {
       font-size: 16px;
     }
 
-
     .label-field-pair {
       display: flex;
       align-items: center;
 
-
-
-     /* .field {
+      /* .field {
         width: 100%;
         max-width: 500px;
         margin-right: 0;
@@ -629,28 +632,41 @@ button.card-link.submit-bar {
   .employee .employeeCard .label-field-pair {
     display: flex;
     align-items: flex-start;
-    flex-wrap: wrap;
-  }
-  
-  .employee .employeeCard .card-label {
-    width: 30%;
   }
+
+
   .employee .employeeCard .field {
-    width: 50%;
+    width: 40%;
   }
   .employee .employeeCard .form-field {
-    width: 50%;
+    width: 100%;
   }
-  
+
   /* Error label - positioned below the input field (aligned with field, not label) */
   /* Target error labels both inside and after label-field-pair */
   .employee .employeeCard .label-field-pair .card-label-error,
-  .employee .employeeCard .label-field-pair + .card-label-error {
+  .employee .employeeCard .label-field-pair + .card-label-error,
+  .citizen .employeeCard .label-field-pair .card-label-error,
+  .citizen .employeeCard .label-field-pair + .card-label-error {
     width: 50% !important;
     margin-left: 50% !important;
     margin-top: -10px !important;
     margin-bottom: 8px !important;
   }
+
+  /* BPA Workflow Action Modal - card-label and fields auto width */
+  .popup-module .card-label,
+  .popup-module .field,
+  .popup-module .form-field {
+    width: auto;
+  }
+}
+
+.BPAemployeeCard.bpa-workflow-modal-form .card-label {
+  width: 100% !important;
+}
+.BPAemployeeCard.bpa-workflow-modal-form .form-field {
+  width: 100% !important;
 }
 
 /* Mobile - full width for labels and fields */
@@ -660,12 +676,12 @@ button.card-link.submit-bar {
   .employee .employeeCard .form-field {
     width: 100%;
   }
-  
+
   .employee .employeeCard .label-field-pair {
     flex-direction: column;
     align-items: flex-start;
   }
-  
+
   /* Error label - full width on mobile, positioned below field */
   .employee .employeeCard .label-field-pair .card-label-error,
   .employee .employeeCard .label-field-pair + .card-label-error {
@@ -684,4 +700,23 @@ button.card-link.submit-bar {
   width: 100% !important;
 }
 
+/* OBPS Search Application - Mobile Number Full Width */
+.obps-search-mobile-wrapper {
+  width: 100% !important;
+  display: flex !important;
+}
+
+.obps-search-mobile-wrapper .employee-select-wrap {
+  width: 100% !important;
+  flex: 1 !important;
+}
 
+.obps-search-mobile-wrapper .form-field {
+  width: 100% !important;
+}
+.BPAemployeeCard .employeeCard .form-field {
+  width: 100% !important;
+}
+.BPAemployeeCard .employeeCard .card-label {
+  width: 100% !important;
+}

package/src/components/hoc/InboxComposer.scss

@@ -1,9 +1,5 @@
-.InboxComposerWrapper {
-  .form-field-flex-one {
-    .form-field , .field{
-      @apply flex-1;
-    }
-  }
+.complaint-input-container{
+  display: flex;
 }
 
 .inboxPopupMobileWrapper {
@@ -95,7 +91,7 @@
       flex-wrap: unset;
       justify-content: unset;
       margin-bottom: 0;
-      .complaint-input-container {
+     .complaint-input-container  {
         display: grid !important;
         grid-template-columns: 33.33% 33.33% 33.33%;
       }

package/src/components/newFooter.scss

@@ -14,13 +14,20 @@
   padding:0 40px;
   box-sizing:border-box;
 }
+/* do not touch until this is approved from vinit and palam sir */
 
+/*
 .new-df-grid{
   display:grid;
   grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
   gap:48px;
   padding-bottom:40px;
 }
+*/
+
+.new-df-grid{
+  display: none;
+}
 
 .new-df-column{
   display:flex;

package/src/components/selectdropdown.scss

@@ -95,11 +95,32 @@
     }
   }
 
+  #jk-dropdown-unique{
+     right: 0px;
+    left: -56px;
+    width: 100% !important;
+    min-width: 150px;
+    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+    max-height: 250px !important;
+    overflow: auto;
+    z-index: 1000 !important;
+    @apply absolute z-20 mt-xs bg-white;
+
+    p {
+      padding-top: 14px;
+      @apply w-full h-12 pl-sm text-text-primary text-form-field;
+
+      &:hover {
+        @apply bg-grey-mid;
+      }
+    }
+  }
+
   .options-card {
     right: 0px;
     left: 0px;
     width: 100% !important;
-    min-width: 200px;
+    min-width: 150px;
     box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
     max-height: 250px !important;
     overflow: auto;
@@ -146,7 +167,6 @@
   max-width: 540px;
   width: 100%;
 
-
   .select {
     @apply relative block w-full;
     height: 3rem;

package/src/index.scss

@@ -928,7 +928,7 @@
 
 .ndc_card_labels {
   width: 100%;
-  max-width: 200px;
+  
 }
 
 .downLoadButton {

package/src/pages/employee/form-fields.scss

@@ -12,10 +12,16 @@
     }
 }
 
-employee-form-first {
+.employee-form-first {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
     width: 100%;
     flex-direction: column;
 }
+.complaint-input-container .form-field {
+    width: 100% !important;
+}
+.complaint-input-container .complaint-input .form-field {
+    width: 100% !important;
+}

package/src/pages/employee/inbox.scss

@@ -307,6 +307,7 @@
           /* display: inline-block !important; */
           display: grid !important;
           grid-template-columns: 33.33% 33.33% 33.33%;
+          width:100% !important;
 
           &.for-pt {
             &.for-search {

package/src/pages/employee/landing.scss

@@ -505,7 +505,7 @@
       width: 48%;
     }
   }
-  .top-section-parent {
+  /* .top-section-parent {
     position: relative;
     width: 100%;
     background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #0ea5e9 100%);
@@ -515,6 +515,10 @@
     @media (max-width: 768px) {
       padding: 30px 15px 50px;
     }
+  } */
+
+  .top-section-parent {
+    display: none;
   }
 
   .top-section-wrapper {
@@ -1141,9 +1145,13 @@
    About Section
    ======================================== */
 
-.landing-about-section {
+/* .landing-about-section {
   padding: 80px 20px;
   background: #ffffff;
+} */
+
+.landing-about-section{
+  display: none;
 }
 
 .landing-about-container {
@@ -1286,15 +1294,21 @@
   color: #ffffff;
 }
 
-.landing-footer-partners {
+/* Please do not remove until binit sir and palam sir approves */
+
+/* .landing-footer-partners {
   background: #f8fafc;
   padding: 40px 20px;
-}
+} */
 
-.landing-footer-partners-container {
+/* .landing-footer-partners-container {
   max-width: 1200px;
   margin: 0 auto;
   text-align: center;
+} */
+
+.landing-footer-partners-container{
+  display: none;
 }
 
 .landing-footer-partners-title {
@@ -1341,8 +1355,14 @@
   }
 }
 
-.landing-footer-main {
+/* Please do not remove until binit sir and palam sir approves */
+
+/*.landing-footer-main {
   padding: 60px 20px;
+} */
+
+.landing-footer-main {
+  display: none;
 }
 
 .landing-footer-container {

package/src/pages/ws/index.scss

@@ -12,6 +12,9 @@
   .form-field:nth-child(4n) {
     margin-right: 0 !important;
   }
+    .field:nth-child(4n) {
+    margin-right: 0 !important;
+  }
   
   /* Search/Reset button - same size as fields */
   .submit {
@@ -55,6 +58,14 @@
     .form-field:nth-child(2n) {
       margin-right: 0 !important; /* 2nd field in each row */
     }
+
+     .field:nth-child(4n) {
+      margin-right: 10px !important; /* Reset desktop rule */
+    }
+    
+    .field:nth-child(2n) {
+      margin-right: 0 !important; /* 2nd field in each row */
+    }
     
     .submit {
       width: calc(50% - 10px) !important;
@@ -76,6 +87,9 @@
     .form-field:nth-child(2n) {
       margin-right: 0 !important; /* Reset tablet rule */
     }
+      .field:nth-child(2n) {
+      margin-right: 0 !important; /* Reset tablet rule */
+    }
     
     .submit {
       width: 100% !important;