SN 261 (#1460)

* pgr citizen issue fix * dss package * Added new side bar cmponent * added * added css * added --------- Co-authored-by: NabeelAyubee <[email protected]>
egovernments · Oct 5, 2024 · f732589 · f732589
1 parent b74286c
commit f732589
Show file tree

Hide file tree

Showing 9 changed files with 343 additions and 40 deletions.
diff --git a/micro-ui/web/micro-ui-internals/packages/css/package.json b/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@egovernments/digit-ui-css",
- "version": "1.8.2-beta.34",
+ "version": "1.8.2-beta.35",
  "license": "MIT",
  "main": "dist/index.css",
  "author": "Jagankumar <[email protected]>",

diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/components/table.scss b/micro-ui/web/micro-ui-internals/packages/css/src/components/table.scss
@@ -3,6 +3,7 @@
 
  thead {
  th {
+ background-color: #ffffff;
  padding: 20px 18px;
  @apply font-bold align-middle text-left;
  &:first-child {
@@ -14,7 +15,6 @@
  }
  }
 
-
  tbody {
  border: none;
  padding: 0;
@@ -102,7 +102,7 @@
  position: sticky;
  background: #fff;
  right: 0;
- left:0;
+ left: 0;
  border-top-left-radius: 4px;
  }
  }
@@ -112,7 +112,7 @@
  background: #fff;
  color: theme(colors.primary.main);
  left: 0;
- right:0;
+ right: 0;
  }
  }
 }
@@ -192,7 +192,7 @@
 .reports-table {
  margin-top: 2rem;
  thead {
- th { 
+ th {
  &:first-child {
  min-width: unset;
  }

diff --git a/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/sandbox.scss b/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/sandbox.scss
@@ -37,7 +37,7 @@
  thead {
  tr {
  th {
- background-color: #ffffff;
+ background-color: #ffffff !important;
  }
  }
  }
@@ -114,21 +114,21 @@
  }
 
  .digit-card-component {
- .bannerHeader p{
+ .bannerHeader p {
  font-size: 2rem;
  }
  }
 
- .digit-card-component{
+ .digit-card-component {
  .bannerHeader {
  margin-top: -1.5rem;
  margin-bottom: -0.5rem !important;
- .bannerLogo {
- width: 10rem;
- height: 2rem;
+ .bannerLogo {
+ width: 10rem;
+ height: 2rem;
+ }
  }
  }
-}
  .employeeCard {
  height: 500px !important;
  width: 408px !important;
@@ -255,7 +255,7 @@
 .digit-card-component.signupCardClassName.sandbox-onboarding-wrapper {
  .bannerHeader {
  .bannerLogo {
- margin-top:0.5rem;
+ margin-top: 0.5rem;
  height: 2rem;
  width: 10rem;
  margin-bottom: -0.5rem;
@@ -619,3 +619,30 @@ digit-card-text.center {
  text-decoration: none;
  }
 }
+.profileDropdown {
+ input {
+ font-size: 1rem !important;
+ }
+}
+
+.digit-card-component {
+ &.sandbox-guide {
+ &::-webkit-scrollbar {
+ width: 0.3rem;
+ background-color: #fff;
+ }
+
+ &::-webkit-scrollbar-track {
+ background-color: #fff;
+ border-radius: 0.3rem;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: #d6d5d4;
+ border-radius: 0.3rem;
+ }
+ }
+}
+.infotext {
+ width: 20rem !important;
+}
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/FAQs/FaqComponent.js b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/FAQs/FaqComponent.js
@@ -1,4 +1,4 @@
-import { ArrowForward } from "@egovernments/digit-ui-components";
+import { ArrowForward } from "@egovernments/digit-ui-svg-components";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 
@@ -12,7 +12,7 @@ const FaqComponent = (props) => {
  <div className="faq-question" style={{ justifyContent: "space-between", display: "flex" }}>
  <span>{t(question)}</span>
  <span className={isOpen ? "faqicon rotate" : "faqicon"} style={{ float: "right" }}>
- {isOpen ? <ArrowForward /> : <ArrowForward />}
+ <ArrowForward />
  </span>
  </div>
 

diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/UserProfile.js
@@ -580,8 +580,8 @@ const UserProfile = ({ stateCode, userType, cityDetails }) => {
  <LabelFieldPair>
  <CardLabel className="user-profile" style={editScreen ? { color: "#B1B4B6" } : {}}>{`${t("CORE_COMMON_PROFILE_GENDER")}`}</CardLabel>
  <Dropdown
- style={{ width: "40rem" }}
- className="form-field"
+ style={{ width: "40rem", fontSize: "1rem" }}
+ className="form-field profileDropdown"
  selected={gender?.length === 1 ? gender[0] : gender}
  disable={gender?.length === 1 || editScreen}
  option={menu}
@@ -678,6 +678,7 @@ const UserProfile = ({ stateCode, userType, cityDetails }) => {
  )}`}</CardLabel>
  <div style={{ width: "100%" }}>
  <Dropdown
+ className="profileDropdown"
  selected={gender?.length === 1 ? gender[0] : gender}
  disable={gender?.length === 1 || editScreen}
  option={menu}