❯
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Checkbox/index.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Checkbox/index.js
index 4753a11a49..3c8f7e4e09 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Checkbox/index.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Checkbox/index.js
@@ -8,9 +8,9 @@ import "./index.css";
const styles = {
root: {
- color: "#FE7A51",
+ color: "#2947a3",
"&$checked": {
- color: "#FE7A51"
+ color: "#2947a3"
}
},
checked: {}
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Icons/index.css b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Icons/index.css
index e1a95c938d..11c271b695 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Icons/index.css
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/Icons/index.css
@@ -1,7 +1,7 @@
.module-page-icon {
height: 40px;
width: 40px;
- color: #fe7a51;
+ color: #2947a3;
}
@media only screen and (min-width: 768px) {
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/LicenceNo/index.scss b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/LicenceNo/index.scss
index 78e2a880d6..069ff0a852 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/LicenceNo/index.scss
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/LicenceNo/index.scss
@@ -1,5 +1,5 @@
.application-no-container {
- background-color: rgba(0, 0, 0, 0.6000000238418579);
+ background-color: #2947a3;
color: rgba(255, 255, 255, 0.8700000047683716);
text-align: center;
vertical-align: middle;
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.css b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.css
index 9ee1de51c1..d3759433ee 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.css
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.css
@@ -40,7 +40,7 @@
margin-left: 32px;
width: 82%;
height: 40px;
- background-color: #f89a3f;
+ background-color: #2947a3;
position: absolute;
font-family: Roboto;
font-size: 14px;
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.scss b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.scss
index 6b1fb90c0e..2609a45be1 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.scss
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MapLocation/index.scss
@@ -47,7 +47,7 @@
margin-left: 32px;
width: 82%;
height: 40px;
- background-color: #f89a3f;
+ background-color: #2947a3;
position: absolute;
font-family: Roboto;
font-size: 14px;
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MenuButton/index.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MenuButton/index.js
index f7453b49e8..e1fb647dce 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MenuButton/index.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-atoms-local/MenuButton/index.js
@@ -20,7 +20,7 @@ const styles = theme => ({
marginRight: theme.spacing.unit * 2
},
button: {
- border : "1px solid #FE7A51"
+ border : "1px solid #2947a3"
},
leftIcon: {
marginRight: theme.spacing.unit
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgement.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgement.js
index d9018cf7e9..080f330e76 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgement.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgement.js
@@ -131,7 +131,7 @@ const downloadprintMenu = (state, dispatch) => {
label: { labelName: "DOWNLOAD", labelKey: "TL_DOWNLOAD" },
leftIcon: "cloud_download",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51", marginRight: "5px" }, className: "tl-download-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3", marginRight: "5px" }, className: "tl-download-button" },
menu: downloadMenu
}
}
@@ -144,7 +144,7 @@ const downloadprintMenu = (state, dispatch) => {
label: { labelName: "PRINT", labelKey: "TL_PRINT" },
leftIcon: "print",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51" }, className: "tl-print-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3" }, className: "tl-print-button" },
menu: printMenu
}
}
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgementResource/acknowledgementUtils.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgementResource/acknowledgementUtils.js
index 5683265d71..e4eacf9e92 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgementResource/acknowledgementUtils.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/acknowledgementResource/acknowledgementUtils.js
@@ -11,7 +11,7 @@ const style = {
flex: 2
},
tailText: {
- color: "rgba(0, 0, 0, 0.6000000238418579)",
+ color: "#2947a3",
fontSize: 16,
fontWeight: 400
},
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/apply.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/apply.js
index 120e5761b9..7828845b57 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/apply.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/apply.js
@@ -81,7 +81,7 @@ export const tradeDocumentDetails = getCommonCard({
style: {
color: "white",
margin: "8px",
- backgroundColor: "rgba(0, 0, 0, 0.6000000238418579)",
+ backgroundColor: "#2947a3",
borderRadius: "2px",
width: "220px",
height: "48px"
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/footer.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/footer.js
index 49778a3626..76d4635b54 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/footer.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/footer.js
@@ -1004,7 +1004,7 @@ export const footerReviewTop = (
label: { labelName: "DOWNLOAD", labelKey: "TL_DOWNLOAD" },
leftIcon: "cloud_download",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51", marginRight: "5px" }, className: "tl-download-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3", marginRight: "5px" }, className: "tl-download-button" },
menu: downloadMenu
}
}
@@ -1018,7 +1018,7 @@ export const footerReviewTop = (
label: { labelName: "PRINT", labelKey: "TL_PRINT" },
leftIcon: "print",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51" }, className: "tl-print-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3" }, className: "tl-print-button" },
menu: printMenu
}
}
@@ -1175,7 +1175,7 @@ export const downloadPrintContainer = (
label: { labelName: "DOWNLOAD", labelKey: "TL_DOWNLOAD" },
leftIcon: "cloud_download",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51" }, className: "tl-download-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3" }, className: "tl-download-button" },
menu: downloadMenu
}
}
@@ -1189,7 +1189,7 @@ export const downloadPrintContainer = (
label: { labelName: "PRINT", labelKey: "TL_PRINT" },
leftIcon: "print",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51" }, className: "tl-print-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3" }, className: "tl-print-button" },
menu: printMenu
}
}
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeDetails.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeDetails.js
index c504a7aa6d..ad641845cb 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeDetails.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeDetails.js
@@ -1012,7 +1012,7 @@ export const tradeDetails = getCommonCard({
// iconObj: {
// iconName: "search",
// position: "end",
- // color: "#FE7A51",
+ // color: "#2947a3",
// onClickDefination: {
// action: "condition",
// callBack: (state, dispatch) => {
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeLocationDetails.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeLocationDetails.js
index 27adc5c91f..7953857e68 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeLocationDetails.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeLocationDetails.js
@@ -128,7 +128,7 @@ export const tradeLocationDetails = getCommonCard(
iconObj: {
iconName: "search",
position: "end",
- color: "#FE7A51",
+ color: "#2947a3",
onClickDefination: {
action: "condition",
callBack: (state, dispatch) => {
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeOwnerDetails.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeOwnerDetails.js
index 495a862b9d..18808c8c48 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeOwnerDetails.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/applyResource/tradeOwnerDetails.js
@@ -37,7 +37,7 @@ export const getOwnerMobNoField = getTextField({
iconObj: {
iconName: "search",
position: "end",
- color: "#FE7A51",
+ color: "#2947a3",
onClickDefination: {
action: "condition",
callBack: (state, dispatch, fieldInfo) => {
@@ -197,7 +197,7 @@ export const OwnerInfoCard = {
// iconObj: {
// iconName: "search",
// position: "end",
- // color: "#FE7A51",
+ // color: "#2947a3",
// onClickDefination: {
// action: "condition",
// callBack: (state, dispatch, fieldInfo) => {
@@ -450,7 +450,7 @@ export const ownerInfoInstitutional = {
iconObj: {
iconName: "search",
position: "end",
- color: "#FE7A51",
+ color: "#2947a3",
onClickDefination: {
action: "condition",
callBack: (state, dispatch, fieldInfo) => {
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/approve.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/approve.js
index cea91b7cf1..4dcf2f2d0f 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/approve.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/approve.js
@@ -73,7 +73,7 @@ const getApproveCard = queryValuePurpose => {
style: {
fontSize: 12,
marginBottom: 0,
- color: "rgba(0, 0, 0, 0.6000000238418579)"
+ color: "#2947a3"
}
}
),
@@ -96,7 +96,7 @@ const getApproveCard = queryValuePurpose => {
fontSize: 12,
marginBottom: 0,
marginTop: 5,
- color: "rgba(0, 0, 0, 0.6000000238418579)"
+ color: "#2947a3"
}
}
),
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/payResource/payment-methods.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/payResource/payment-methods.js
index 93fffaec6c..fdfde1ddc7 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/payResource/payment-methods.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/payResource/payment-methods.js
@@ -151,7 +151,7 @@ export const chequeDetails = getCommonContainer({
iconObj: {
iconName: "search",
position: "end",
- color: "#FE7A51",
+ color: "#2947a3",
onClickDefination: {
action: "condition",
callBack: (state, dispatch) => {
@@ -231,7 +231,7 @@ export const demandDraftDetails = getCommonContainer({
iconObj: {
iconName: "search",
position: "end",
- color: "#FE7A51",
+ color: "#2947a3",
onClickDefination: {
action: "condition",
callBack: (state, dispatch) => {
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/search-preview.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/search-preview.js
index ecd0e85fde..58e8e1de09 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/search-preview.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/search-preview.js
@@ -258,7 +258,7 @@ const beforeInitFn = async (action, state, dispatch, applicationNumber) => {
{
style: {
marginRight: "10px",
- color: "rgba(0, 0, 0, 0.6000000238418579)"
+ color: "#2947a3"
}
}
)
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/FsApplication.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/FsApplication.js
index 00c27fb25f..4a204877a4 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/FsApplication.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/FsApplication.js
@@ -68,7 +68,7 @@ export const fsApplication = getCommonCard(
style: {
color: "white",
- backgroundColor: "#FE7A51",
+ backgroundColor: "#2947a3",
borderRadius: "2px",
width: "80%",
height: "48px",
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Fsenaksha.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Fsenaksha.js
index edf2a15929..368f904b37 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Fsenaksha.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Fsenaksha.js
@@ -68,7 +68,7 @@ export const Fsenaksha = getCommonCard(
style: {
color: "white",
- backgroundColor: "#FE7A51",
+ backgroundColor: "#2947a3",
borderRadius: "2px",
width: "80%",
height: "48px",
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Obps.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Obps.js
index 1d0fa25a27..0dec320a34 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Obps.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/Obps.js
@@ -42,7 +42,7 @@ export const Obps = getCommonCard(
style: {
color: "white",
- backgroundColor: "#FE7A51",
+ backgroundColor: "#2947a3",
borderRadius: "2px",
width: "80%",
height: "48px",
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/tradeLicenseApplication.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/tradeLicenseApplication.js
index e15887017e..f17d1cb6ab 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/tradeLicenseApplication.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicence/searchResource/tradeLicenseApplication.js
@@ -357,7 +357,7 @@ ownerName: getTextField({
style: {
color: "white",
- backgroundColor: "rgba(0, 0, 0, 0.6000000238418579)",
+ backgroundColor: "#2947a3",
borderRadius: "2px",
width: "80%",
height: "48px"
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicense-citizen/home.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicense-citizen/home.js
index fddef0829d..17157e6230 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicense-citizen/home.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/screens/specs/tradelicense-citizen/home.js
@@ -121,7 +121,7 @@ const tradeLicenseSearchAndResult = {
// fontSize: "110px",
// width: 120,
// height: 100,
- // color: "rgba(0, 0, 0, 0.6)",
+ // color: "#2947a3",
// marginLeft: -22
// },
// iconSize: "110px"
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/themes/index.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/themes/index.js
index 31856712a4..6c716eeda8 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/themes/index.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-config/themes/index.js
@@ -1,8 +1,8 @@
const themeObject = {
palette: {
primary: {
- main: "#FE7A51",
- dark: "#DB6844",
+ main: "#2947a3",
+ dark: "#2947a3",
contrastText: "#fff"
},
secondary: {
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/CheckboxContainer/index.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/CheckboxContainer/index.js
index 2c15a1c4c2..e1bd2a2317 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/CheckboxContainer/index.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/CheckboxContainer/index.js
@@ -12,9 +12,9 @@ import { getLocaleLabels } from "egov-ui-framework/ui-utils/commons";
const styles = {
root: {
- color: "#FE7A51",
+ color: "#2947a3",
"&$checked": {
- color: "#FE7A51",
+ color: "#2947a3",
},
},
checked: {},
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js
index fd36adc976..65502f9aea 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js
@@ -40,7 +40,7 @@ const getMultiItem = (billingslabData, classes, style) => {
.toUpperCase()
.replace(/[.:-\s\/]/g, "_")}`}
style={{
- color: "rgba(0, 0, 0, 0.6000000238418579)",
+ color: "#2947a3",
fontSize: "14px",
fontWeigt: 400,
lineSpacing: "17px"
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/FeesEstimateCard/index.js b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/FeesEstimateCard/index.js
index a692be7f85..6c93e7cbb0 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/FeesEstimateCard/index.js
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/FeesEstimateCard/index.js
@@ -21,7 +21,7 @@ const styles = {
},
whiteCardText: {
padding: 8,
- color: "rgba(0, 0, 0, 0.6000000238418579)",
+ color: "#2947a3",
fontFamily: "Roboto",
fontSize: 14,
fontWeight: 400,
diff --git a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/RadioGroup/index.css b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/RadioGroup/index.css
index 7b7b0a20d7..c9bf546a08 100644
--- a/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/RadioGroup/index.css
+++ b/web/rainmaker/dev-packages/egov-tradelicence-dev/src/ui-molecules-local/RadioGroup/index.css
@@ -1,7 +1,7 @@
.radio-root {
margin-bottom: 0;
height: 30px;
- color: #fe7a51;
+ color: #2947a3;
width: 35px;
}
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/index.css b/web/rainmaker/dev-packages/egov-uc-dev/src/index.css
index 14399aa7e3..363b033d7b 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/index.css
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/index.css
@@ -57,7 +57,7 @@ body {
text-align: left; }
.mihy-paragraph {
- color: rgba(0, 0, 0, 0.6);
+ color: #2947a3;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
@@ -66,7 +66,7 @@ body {
text-align: left; }
.mihy-primary-button {
- background-color: #fe7a51;
+ background-color: #2947a3;
border-radius: 2px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
width: 200px;
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/index.scss b/web/rainmaker/dev-packages/egov-uc-dev/src/index.scss
index 5018c88d3a..713d657332 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/index.scss
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/index.scss
@@ -67,7 +67,7 @@ body {
}
.mihy-paragraph {
- color: rgba(0, 0, 0, 0.6000000238418579);
+ color: #2947a3;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
@@ -77,7 +77,7 @@ body {
}
.mihy-primary-button {
- background-color: #fe7a51;
+ background-color: #2947a3;
border-radius: 2px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.23999999463558197),
0 0 8px 0 rgba(0, 0, 0, 0.11999999731779099),
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/Checkbox/index.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/Checkbox/index.js
index 42861130bb..a555ceaff5 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/Checkbox/index.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/Checkbox/index.js
@@ -8,9 +8,9 @@ import "./index.scss";
const styles = {
root: {
- color: "#FE7A51",
+ color: "#2947a3",
"&$checked": {
- color: "#FE7A51"
+ color: "#2947a3"
}
},
checked: {}
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/applicationNumber/index.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/applicationNumber/index.js
index 92b03817f8..b36c7c6d73 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/applicationNumber/index.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-atoms-local/applicationNumber/index.js
@@ -2,7 +2,7 @@ import React from "react";
import { LabelContainer } from "egov-ui-framework/ui-containers";
const styles = {
- backgroundColor: "rgba(0, 0, 0, 0.6000000238418579)",
+ backgroundColor: "#2947a3",
color: "rgba(255, 255, 255, 0.8700000047683716)",
marginLeft: "8px",
paddingLeft: "19px",
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc-citizen/receiptsResources/ucSearch.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc-citizen/receiptsResources/ucSearch.js
index ee87ff0ac9..ad1133d9da 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc-citizen/receiptsResources/ucSearch.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc-citizen/receiptsResources/ucSearch.js
@@ -256,9 +256,9 @@ export const UCSearchCard = getCommonCard({
props: {
variant: "outlined",
style: {
- color: "#FE7A51",
- // backgroundColor: "#FE7A51",
- border: "#FE7A51 solid 1px",
+ color: "#2947a3",
+ // backgroundColor: "#2947a3",
+ border: "#2947a3 solid 1px",
borderRadius: "2px",
width: window.innerWidth > 480 ? "80%" : "100%",
height: "48px"
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgement.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgement.js
index 2549d96be1..38d349230e 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgement.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgement.js
@@ -71,7 +71,7 @@ const downloadprintMenu = (state, dispatch, applicationNumber, tenantId) => {
props: {
variant: "outlined",
style: {
- height: "60px", color: "#FE7A51",
+ height: "60px", color: "#2947a3",
marginRight: "5px"
},
className: "uc-download-button"
@@ -90,7 +90,7 @@ const downloadprintMenu = (state, dispatch, applicationNumber, tenantId) => {
rightIcon: "arrow_drop_down",
props: {
variant: "outlined",
- style: { height: "60px", color: "#FE7A51" },
+ style: { height: "60px", color: "#2947a3" },
className: "uc-print-button"
},
menu: printMenu
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgementResource/acknowledgementUtils.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgementResource/acknowledgementUtils.js
index 0fe88442e0..169ead358d 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgementResource/acknowledgementUtils.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/acknowledgementResource/acknowledgementUtils.js
@@ -11,7 +11,7 @@ const style = {
flex: 2
},
tailText: {
- color: "rgba(0, 0, 0, 0.6000000238418579)",
+ color: "#2947a3",
fontSize: 16,
fontWeight: 400
},
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/payResource/paymentMethod.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/payResource/paymentMethod.js
index 047a8324e1..21479e6e7f 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/payResource/paymentMethod.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/payResource/paymentMethod.js
@@ -155,7 +155,7 @@ export const chequeDetails = getCommonContainer({
iconObj: {
iconName: "search",
position: "end",
- color: "#FE7A51",
+ color: "#2947a3",
onClickDefination: {
action: "condition",
callBack: (state, dispatch) => {
@@ -235,7 +235,7 @@ export const demandDraftDetails = getCommonContainer({
iconObj: {
iconName: "search",
position: "end",
- color: "#FE7A51",
+ color: "#2947a3",
onClickDefination: {
action: "condition",
callBack: (state, dispatch) => {
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/search-preview.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/search-preview.js
index e9c865075e..2bd22aa4b6 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/search-preview.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/search-preview.js
@@ -277,7 +277,7 @@ const downloadprintMenu = (state, dispatch, applicationNumber, tenantId, status)
props: {
variant: "outlined",
style: {
- height: "60px", color: "#FE7A51",
+ height: "60px", color: "#2947a3",
marginRight: "5px"
},
className: "uc-download-button",
@@ -296,7 +296,7 @@ const downloadprintMenu = (state, dispatch, applicationNumber, tenantId, status)
rightIcon: "arrow_drop_down",
props: {
variant: "outlined",
- style: { height: "60px", color: "#FE7A51" },
+ style: { height: "60px", color: "#2947a3" },
className: "uc-print-button",
},
menu: printMenu,
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchChallanCard.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchChallanCard.js
index 4123a49466..886fcb6471 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchChallanCard.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/searchChallanCard.js
@@ -226,8 +226,8 @@ import {
color: "primary",
style: {
width: window.innerWidth > 480 ? "80%" : "100%",
- color: "#FE7A51",
- border: "#FE7A51 solid 1px",
+ color: "#2947a3",
+ border: "#2947a3 solid 1px",
borderRadius: "2px",
height: "48px",
margin:"5px"
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/ucSearch.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/ucSearch.js
index fa3f8ef91b..cd3655a1ce 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/ucSearch.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/screens/specs/uc/universalCollectionResources/ucSearch.js
@@ -249,9 +249,9 @@ export const UCSearchCard = getCommonCard({
props: {
variant: "outlined",
style: {
- color: "#FE7A51",
- // backgroundColor: "#FE7A51",
- border: "#FE7A51 solid 1px",
+ color: "#2947a3",
+ // backgroundColor: "#2947a3",
+ border: "#2947a3 solid 1px",
borderRadius: "2px",
width: window.innerWidth > 480 ? "80%" : "100%",
height: "48px"
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/themes/index.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/themes/index.js
index df58d4a120..236824f429 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/themes/index.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-config/themes/index.js
@@ -1,8 +1,8 @@
const themeObject = {
palette: {
primary: {
- main: "#FE7A51",
- dark: "#DB6844",
+ main: "#2947a3",
+ dark: "#2947a3",
contrastText: "#fff"
},
secondary: {
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/CheckboxContainer/index.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/CheckboxContainer/index.js
index e7fd79aff1..a59c8cc5a8 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/CheckboxContainer/index.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/CheckboxContainer/index.js
@@ -10,9 +10,9 @@ import "./index.scss";
const styles = {
root: {
- color: "#FE7A51",
+ color: "#2947a3",
"&$checked": {
- color: "#FE7A51"
+ color: "#2947a3"
}
},
checked: {}
diff --git a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js
index 9d07a207a5..5968ed50b0 100644
--- a/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js
+++ b/web/rainmaker/dev-packages/egov-uc-dev/src/ui-containers-local/ViewbreakupDialogContainer/index.js
@@ -35,7 +35,7 @@ const getMultiItem = (billingslabData, classes, style) => {
{
componentPath: "Typography",
props: {
variant: "headline",
+ color: "primary",
...props
},
children: {
@@ -84,11 +85,13 @@ export const getCommonParagraph = (paragraph, props = {}) => {
};
export const getCommonCaption = (paragraph, props = {}) => {
- return getCommonHeader(paragraph, { variant: "caption", ...props });
+ const mergedStyle = props.style ? { color: "#374151", ...props.style } : { color: "#374151" };
+ return getCommonHeader(paragraph, { variant: "caption", ...props, style: mergedStyle });
};
export const getCommonValue = (value, props = {}) => {
- return getCommonHeader(value, { variant: "body2", ...props });
+ const mergedStyle = props.style ? { color: "#2947a3", ...props.style } : { color: "#2947a3" };
+ return getCommonHeader(value, { variant: "body2", ...props, style: mergedStyle });
};
@@ -168,7 +171,8 @@ export const getCommonGrayCard = children => {
backgroundColor: "rgb(242, 242, 242)",
boxShadow: "none",
borderRadius: 0,
- overflow: "visible"
+ overflow: "visible",
+ padding: "12px"
}
});
};
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/RequiredDocuments/reqDocs.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/RequiredDocuments/reqDocs.js
index 8b0e8a9d5c..2b33708ba2 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/RequiredDocuments/reqDocs.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/RequiredDocuments/reqDocs.js
@@ -21,7 +21,7 @@ const styles = {
paddingLeft: "5px"
},
ptheader: {
- color: "red",
+ color: "#2947a3",
fontFamily: "Roboto",
fontSize: "20px",
fontWeight: 500,
@@ -36,7 +36,7 @@ const styles = {
lineHeight: "19px"
},
docs: {
- color: "rgba(0, 0, 0, 0.6)",
+ color: "#2947a3",
fontFamily: "Roboto",
fontSize: "14px",
fontWeight: 400,
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/acknowledgementResource/acknowledgementUtils.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/acknowledgementResource/acknowledgementUtils.js
index 98d78ac91a..c38173ab44 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/acknowledgementResource/acknowledgementUtils.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-containers/acknowledgementResource/acknowledgementUtils.js
@@ -15,7 +15,7 @@ const style = {
flex: 2
},
tailText: {
- color: "rgba(0, 0, 0, 0.6000000238418579)",
+ color: "#2947a3",
fontSize: 16,
fontWeight: 400
},
@@ -65,7 +65,7 @@ const constructFooterObj = (footerUrlConfig)=>{
minWidth: "180px",
height: "48px",
color: "#fff",
- backgroundolor:" #FE7A51"
+ backgroundolor:" #2947a3"
}
},
ButtonLabel:{
@@ -114,7 +114,7 @@ const downloadprintMenu = ( downloadMenu, printMenu) => {
leftIcon: "cloud_download",
rightIcon: "arrow_drop_down",
props: {
- variant: "outlined", style: { height: "60px", color: "#FE7A51", marginRight: "5px" }, className:
+ variant: "outlined", style: { height: "60px", color: "#2947a3", marginRight: "5px" }, className:
"tl-download-button"
},
menu: downloadMenu
@@ -129,7 +129,7 @@ const downloadprintMenu = ( downloadMenu, printMenu) => {
label: { labelName: "PRINT", labelKey: "TL_PRINT" },
leftIcon: "print",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51" }, className: "tl-print-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3" }, className: "tl-print-button" },
menu: printMenu
}
}
@@ -201,7 +201,7 @@ export const getAcknowledgementCard = ({
leftIcon: "cloud_download",
rightIcon: "arrow_drop_down",
props: {
- variant: "outlined", style: { height: "60px", color: "#FE7A51", marginRight: "5px" }, className:
+ variant: "outlined", style: { height: "60px", color: "#2947a3", marginRight: "5px" }, className:
"tl-download-button"
},
menu: downloadMenu
@@ -210,7 +210,7 @@ export const getAcknowledgementCard = ({
label: { labelName: "PRINT", labelKey: "TL_PRINT" },
leftIcon: "print",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { height: "60px", color: "#FE7A51" }, className: "tl-print-button" },
+ props: { variant: "outlined", style: { height: "60px", color: "#2947a3" }, className: "tl-print-button" },
menu: printMenu
}
},
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/DownloadPrintButton/index.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/DownloadPrintButton/index.js
index 2555e1ee9d..201d4fe7cb 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/DownloadPrintButton/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/DownloadPrintButton/index.js
@@ -20,7 +20,7 @@ const styles = theme => ({
marginRight: theme.spacing.unit * 2
},
button: {
- border : "1px solid #FE7A51"
+ border : "1px solid #2947a3"
},
leftIcon: {
marginRight: theme.spacing.unit
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/FeesEstimateCard/index.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/FeesEstimateCard/index.js
index b9eb3bc587..68af33f927 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/FeesEstimateCard/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/FeesEstimateCard/index.js
@@ -22,7 +22,7 @@ const styles = {
},
whiteCardText: {
padding: 8,
- color: "rgba(0, 0, 0, 0.6000000238418579)",
+ color: "#2947a3",
fontFamily: "Roboto",
fontSize: 14,
fontWeight: 400,
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LandingPage/index.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LandingPage/index.js
index 41a91c602a..c9768c8a74 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LandingPage/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LandingPage/index.js
@@ -25,7 +25,7 @@ const styles = theme => ({
cursor: "pointer"
},
icon: {
- color: "#fe7a51"
+ color: "#2947a3"
},
item: {
padding: 8
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LoadingIndicator/index.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LoadingIndicator/index.js
index fdea9fe9ae..6ab7b4e624 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LoadingIndicator/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/LoadingIndicator/index.js
@@ -26,7 +26,7 @@ const style = {
left: 0,
right: 0,
transform: "none",
- color: "#FE7A51"
+ color: "#2947a3"
}
};
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Map/index.css b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Map/index.css
index da0fc9ed88..a00956e228 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Map/index.css
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Map/index.css
@@ -65,7 +65,7 @@
margin-left: 32px;
width: 82%;
height: 40px;
- background-color: #f89a3f;
+ background-color: #2947a3;
position: absolute;
font-family: Roboto;
font-size: 14px;
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/RadioGroup/index.css b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/RadioGroup/index.css
index f536cc805f..af82663d15 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/RadioGroup/index.css
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/RadioGroup/index.css
@@ -1,7 +1,7 @@
.radio-root {
margin-bottom: 0;
height: 30px;
- color: #fe7a51;
+ color: #2947a3;
width: 35px;
}
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/SingleApplication/index.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/SingleApplication/index.js
index ce9756c0c8..c16b66bd7d 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/SingleApplication/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/SingleApplication/index.js
@@ -245,7 +245,7 @@ class SingleApplication extends React.Component {
labelKey={(item.status === "APPROVED" || item.status === "EXPIRED") && moduleName === "TL" ? "TL_VIEW_DETAILS_RENEWAL" : "TL_VIEW_DETAILS"}
textTransform={"uppercase"}
style={{
- color: "#fe7a51",
+ color: "#2947a3",
fontSize: 14,
textTransform: "uppercase"
}}
diff --git a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Stepper/index.js b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Stepper/index.js
index 8b3ad99c98..9162600075 100644
--- a/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Stepper/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-framework-core/src/ui-molecules/Stepper/index.js
@@ -25,7 +25,7 @@ const theme = createMuiTheme({
color: '#39CB74!important',
},
active: {
- color: '#fe7a51!important',
+ color: '#2947a3!important',
},
text:{
fontSize: "12px!important",
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/assets/styles/app.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/assets/styles/app.scss
index 69374ad5b6..20076d0abc 100755
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/assets/styles/app.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/assets/styles/app.scss
@@ -81,9 +81,11 @@ input[type="number"]::-webkit-outer-spin-button {
.color-yellow-green {
background: #7ed321;
}
+
.color-deep-lilac {
background: #8e44ad;
}
+
.color-white {
color: #ffffff !important;
}
@@ -103,9 +105,11 @@ input[type="number"]::-webkit-outer-spin-button {
.color-lightning-yellow {
background: #f5a623 !important;
}
+
.color-grey {
color: #767676 !important;
}
+
.color-cinnabar {
color: #e74c3c;
}
@@ -143,45 +147,50 @@ body.employee-user-profile {
.screen-title-label {
display: inline-block;
}
-.menu-search-container >div >svg{
- color: rgba(0, 0, 0, 0.87) !important;
+
+.menu-search-container>div>svg {
+ color: rgba(0, 0, 0, 0.87) !important;
}
+
@media only screen and (max-width: 768px) {
.screenHeaderLabelStyle .label-text {
line-height: 20px !important;
font-size: 18px !important;
}
}
+
@media only screen and (min-width: 768px) {
.screenHeaderLabelStyle .label-text {
color: #484848 !important;
font-size: 14px !important;
}
-
- .with-icon-menu{
- width : calc(100% - 50px );
+
+ .with-icon-menu {
+ width: calc(100% - 50px);
margin-left: 50px;
}
+
.full-menu-drawer .textfield {
margin-left: 5px;
- width:auto !important;
- background-color:#34495E !important;
+ width: auto !important;
+ background-color: #ffffff !important;
}
-.menu-search-container >div >svg{
- color:#fff !important;
-}
+ .menu-search-container>div>svg {
+ color: #757575 !important;
+ }
- .menu-search-container{
- background-color: #34495E;
+ .menu-search-container {
+ background-color: #ffffff;
margin: 0 5px;
-
}
- .icon-menu-drawer{
- svg{
+
+ .icon-menu-drawer {
+ svg {
margin: auto !important;
}
- input{
+
+ input {
width: 0px !important;
}
}
@@ -195,6 +204,7 @@ body.employee-user-profile {
.search-input-style {
border-radius: 4px;
}
+
.btn-with-bottom-nav {
position: fixed !important;
//bottom: 56px; use this value if bottom navigation is included in future design
@@ -203,6 +213,7 @@ body.employee-user-profile {
width: 100%;
padding: 0px !important;
}
+
.btn-without-bottom-nav {
position: fixed;
bottom: 0px;
@@ -270,7 +281,7 @@ body.employee-user-profile {
}
.action-menu-drawer .drawer-backGround {
- background-color:#34495E;
+ background-color: #ffffff !important;
top: 64px !important;
}
@@ -279,11 +290,11 @@ body.employee-user-profile {
}
.action-menu-drawer {
- background-color:#34495E;
+ background-color: #ffffff !important;
min-height: calc(100vh - 64px);
position: fixed;
z-index: 1001;
- border-right: 1px solid #00000024;
+ border-right: 1px solid #e0e0e0 !important;
padding: 0px;
}
@@ -312,6 +323,7 @@ body.employee-user-profile {
.sort-button {
display: none;
}
+
// .screen-with-bredcrumb{
// padding-top:45px;
// div:nth-child(1){
@@ -319,27 +331,27 @@ body.employee-user-profile {
// div:nth-child(2){
// margin-bottom: -35px;
// display: contents !important;
- // div:nth-child(1){
- // div{
- // button{
- // width: 340px;
- // }
- // }
- // }
- // div:nth-child(2){
- // div{
- // button{
- // width: 340px;
- // margin-left: 0px !important;
- // }
- // }
- // }
- // }
+ // div:nth-child(1){
+ // div{
+ // button{
+ // width: 340px;
+ // }
+ // }
// }
-
+ // div:nth-child(2){
+ // div{
+ // button{
+ // width: 340px;
+ // margin-left: 0px !important;
+ // }
+ // }
+ // }
+ // }
+ // }
+
// }
}
-
+
@media only screen and (max-width: 768px) {
@@ -354,7 +366,7 @@ body.employee-user-profile {
@media only screen and (min-width: 768px) {
.responsive-action-button-cont {
- // position: absolute;
+ // position: absolute;
bottom: 0px;
width: 100%;
background: #fff;
@@ -382,46 +394,53 @@ body.employee-user-profile {
.form-without-button-cont-generic {
padding: 0 16px;
}
+
.pgr-call-icon {
pointer-events: none;
}
- .menu-right-icon{
- fill:rgba(255, 255, 255, 0.87) !important;
+
+ .menu-right-icon {
+ fill: #374151 !important;
}
- .left-icon-color{
- fill:rgba(255, 255, 255, 0.87) !important;
+ .left-icon-color {
+ fill: #374151 !important;
}
- .menu-label-style{
- color:rgba(255, 255, 255, 0.87) !important;
- fill:rgba(255, 255, 255, 0.87) !important;
+
+ .menu-label-style {
+ color: #757575 !important;
+ fill: #757575 !important;
}
- .menu-label-style1{
- color:rgba(255, 255, 255, 0.87) !important;
- fill:rgba(255, 255, 255, 0.87) !important;
- background-color:#34495E !important;
+ .menu-label-style1 {
+ color: #757575 !important;
+ fill: #757575 !important;
+ background-color: #ffffff !important;
}
-
+
}
+
@media only screen and (max-width: 768px) {
.pgr-call-icon span {
display: none !important;
}
}
+
@media only screen and (max-width: 768px) {
.citizen-mobileNumber-style {
display: block !important;
margin-top: 3px;
}
+
.citizen-mobileNumber-style span {
margin-left: 25px !important;
}
+
.citizen-mobileNumber-style svg {
margin-left: 0px !important;
}
}
-@media only screen and (max-width: 768px) {
-}
+
+@media only screen and (max-width: 768px) {}
//report css starts
.paginate_button {
@@ -432,18 +451,20 @@ body.employee-user-profile {
.paginate_button a {
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}
-.pagination > .active > a,
-.pagination > .active > a:focus,
-.pagination > .active > a:hover,
-.pagination > .active > span,
-.pagination > .active > span:focus,
-.pagination > .active > span:hover {
+
+.pagination>.active>a,
+.pagination>.active>a:focus,
+.pagination>.active>a:hover,
+.pagination>.active>span,
+.pagination>.active>span:focus,
+.pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
- background-color: #f58720 !important;
- border-color: #f58720 !important;
+ background-color: #2947a3 !important;
+ border-color: #2947a3 !important;
}
+
//bootstrap
.pagination {
display: inline-block;
@@ -451,11 +472,13 @@ body.employee-user-profile {
margin: 20px 0;
border-radius: 4px;
}
-.pagination > li {
+
+.pagination>li {
display: inline;
}
-.pagination > li > a,
-.pagination > li > span {
+
+.pagination>li>a,
+.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
@@ -466,78 +489,89 @@ body.employee-user-profile {
background-color: #fff;
border: 1px solid #ddd;
}
-.pagination > li:first-child > a,
-.pagination > li:first-child > span {
+
+.pagination>li:first-child>a,
+.pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
-.pagination > li:last-child > a,
-.pagination > li:last-child > span {
+
+.pagination>li:last-child>a,
+.pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
-.pagination > li > a:focus,
-.pagination > li > a:hover,
-.pagination > li > span:focus,
-.pagination > li > span:hover {
+
+.pagination>li>a:focus,
+.pagination>li>a:hover,
+.pagination>li>span:focus,
+.pagination>li>span:hover {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
-.pagination > .active > a,
-.pagination > .active > a:focus,
-.pagination > .active > a:hover,
-.pagination > .active > span,
-.pagination > .active > span:focus,
-.pagination > .active > span:hover {
+
+.pagination>.active>a,
+.pagination>.active>a:focus,
+.pagination>.active>a:hover,
+.pagination>.active>span,
+.pagination>.active>span:focus,
+.pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
-.pagination > .disabled > a,
-.pagination > .disabled > a:focus,
-.pagination > .disabled > a:hover,
-.pagination > .disabled > span,
-.pagination > .disabled > span:focus,
-.pagination > .disabled > span:hover {
+
+.pagination>.disabled>a,
+.pagination>.disabled>a:focus,
+.pagination>.disabled>a:hover,
+.pagination>.disabled>span,
+.pagination>.disabled>span:focus,
+.pagination>.disabled>span:hover {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
-.pagination-lg > li > a,
-.pagination-lg > li > span {
+
+.pagination-lg>li>a,
+.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
-.pagination-lg > li:first-child > a,
-.pagination-lg > li:first-child > span {
+
+.pagination-lg>li:first-child>a,
+.pagination-lg>li:first-child>span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
-.pagination-lg > li:last-child > a,
-.pagination-lg > li:last-child > span {
+
+.pagination-lg>li:last-child>a,
+.pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.pagination-sm > li > a,
-.pagination-sm > li > span {
+
+.pagination-sm>li>a,
+.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
-.pagination-sm > li:first-child > a,
-.pagination-sm > li:first-child > span {
+
+.pagination-sm>li:first-child>a,
+.pagination-sm>li:first-child>span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
-.pagination-sm > li:last-child > a,
-.pagination-sm > li:last-child > span {
+
+.pagination-sm>li:last-child>a,
+.pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
@@ -546,35 +580,78 @@ body.employee-user-profile {
//menu drawer chnages
-.icon-menu-drawer{
- width:50px;
+@media only screen and (min-width: 768px) {
+ .action-menu-drawer {
+ transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
+ }
+
+ .icon-menu-drawer {
+ width: 50px !important;
+ }
+
+ .full-menu-drawer {
+ width: 240px !important;
+ }
+
+ .icon-menu-drawer .menu-search-container {
+ display: none !important;
+ }
}
-.icon-menu-drawer .menuStyle,.icon-menu-drawer .menu-right-icon,.icon-menu-drawer .textfield .label-container,.icon-menu-drawer .menu-item-title{
+.icon-menu-drawer .menuStyle,
+.icon-menu-drawer .menu-right-icon,
+.icon-menu-drawer .textfield .label-container,
+.icon-menu-drawer .menu-item-title,
+.icon-menu-drawer .submenu-item {
display: none !important;
}
-.icon-menu-drawer .sideMenuItem >div >span{
+
+.icon-menu-drawer .sideMenuItem {
+ position: relative !important;
+ width: auto !important;
+}
+
+.icon-menu-drawer .sideMenuItem>div {
+ width: 100% !important;
+ height: 100% !important;
display: flex !important;
- align-items: center
+ align-items: center !important;
+ justify-content: center !important;
}
-.icon-menu-drawer .sideMenuItem >div >span >div{
- width: 100%
+
+.icon-menu-drawer .sideMenuItem>div>span {
+ display: flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+ width: 100% !important;
+ height: 100% !important;
+}
+
+.icon-menu-drawer .sideMenuItem>div>span>div {
+ display: flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+ width: 100% !important;
+ height: 100% !important;
+ padding: 0 !important;
}
-.icon-menu-drawer .pull-left,.icon-menu-drawer .pull-right {
- text-align: center;
- float: none !important;
+.icon-menu-drawer .pull-left,
+.icon-menu-drawer .pull-right {
+ display: none !important;
}
-.icon-menu-drawer .iconClassHover{
- margin: auto !important;
- left:unset !important;
+.icon-menu-drawer .iconClassHover {
+ position: static !important;
+ margin: 0 !important;
+ transform: none !important;
}
+
.drawer-toggle-button {
- background : #fe7a511f;
- display:inline-block;
+ background: #2947a31f;
+ display: inline-block;
border-radius: 50%;
- border: 1px solid #fe7a511f !important;
+ border: 1px solid #2947a31f !important;
}
// div[role="dialog"] {
@@ -583,3 +660,369 @@ body.employee-user-profile {
// max-height: calc(100% - 150px);
// }
// }
+
+/* Selector Button Styles */
+.selector-button {
+ color: #ffffff !important;
+ border: none !important;
+ border-radius: 0.375rem;
+ padding: 0.5rem 1rem;
+ font-family: Roboto, sans-serif;
+ font-weight: 500;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ white-space: normal;
+ word-break: break-word;
+ overflow-wrap: break-word;
+ text-align: center;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-height: 40px;
+ height: auto;
+ width: 100%;
+ margin: 0;
+
+ @media (min-width: 768px) {
+ width: 30%;
+ }
+
+ &:hover {
+ opacity: 0.9;
+ }
+
+ h2 {
+ color: #ffffff !important;
+ font-size: 0.875rem !important;
+ line-height: 1.25rem !important;
+ font-weight: 500 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ width: 100%;
+ }
+}
+
+.selector-button-primary {
+ @extend .selector-button;
+ background-color: #2947a3 !important;
+ width: 100%;
+
+ &:hover {
+ background-color: #1e3a8a !important;
+ }
+}
+
+.selector-button-secondary {
+ @extend .selector-button;
+ background-color: #ffffff !important;
+ color: #2947a3 !important;
+
+ h2 {
+ color: #2947a3 !important;
+ }
+}
+
+.selector-button-border {
+ background-color: #2947a3 !important;
+ color: #ffffff !important;
+ border: none !important;
+ border-radius: 0.375rem;
+ padding: 0.5rem 1rem;
+ font-family: Roboto, sans-serif;
+ font-weight: 500;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ white-space: normal;
+ word-break: break-word;
+ overflow-wrap: break-word;
+ text-align: center;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ height: auto;
+ min-height: 40px;
+ margin: 0;
+ width: 100%;
+
+ &:hover {
+ background-color: #1e3a8a !important;
+ opacity: 0.9;
+ }
+
+ h2 {
+ color: #ffffff !important;
+ font-size: 0.875rem !important;
+ line-height: 1.25rem !important;
+ font-weight: 500 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ border: none !important;
+ width: 100%;
+ }
+}
+
+.input-mirror-selector-button {
+ height: 4rem !important;
+ background-color: #f2f2f2 !important;
+ text-align: center !important;
+ border-bottom: 2px solid #e0e0e0 !important;
+ outline: none !important;
+ padding-left: 24px !important;
+ padding-right: 24px !important;
+
+ &:focus {
+ outline: none !important;
+ }
+
+ h2 {
+ font-family: Roboto, sans-serif;
+ font-weight: 500;
+ font-size: 0.875rem;
+ color: #484848;
+ }
+}
+
+.selector-button-primary-disabled {
+ height: 2rem !important;
+ background-color: #2947a3 !important;
+ text-align: center !important;
+ border-bottom: 2px solid #e0e0e0 !important;
+ outline: none !important;
+ padding-left: 24px !important;
+ padding-right: 24px !important;
+ opacity: 0.5 !important;
+
+ &:focus {
+ outline: none !important;
+ }
+
+ h2 {
+ font-family: Roboto, sans-serif;
+ font-weight: 500;
+ font-size: 0.875rem;
+ color: #ffffff;
+ }
+}
+
+.submit-bar:focus {
+ outline: none !important;
+}
+
+.go-back-footer-button {
+ background-color: white !important;
+ color: black !important;
+ border: 1px solid !important;
+ margin-right: 10px !important;
+}
+
+.action-button-myapplication {
+ display: flex;
+ gap: 20px;
+ flex-wrap: wrap;
+ margin-top: 10px;
+}
+
+/* Global Material-UI Button Overrides */
+.MuiButton-root {
+ font-family: Roboto, sans-serif !important;
+ font-weight: 500 !important;
+ border-radius: 0.375rem !important;
+ text-transform: none !important;
+}
+
+/* Contained / Raised buttons (Primary, Secondary, default) */
+.MuiButton-contained,
+.MuiButton-containedPrimary,
+.MuiButton-containedSecondary,
+.MuiButton-raised,
+.MuiButton-raisedPrimary,
+.MuiButton-raisedSecondary {
+ background-color: #2947a3 !important;
+ color: #ffffff !important;
+ box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) !important;
+
+ &:hover {
+ background-color: #1e3a8a !important;
+ }
+}
+
+/* Outlined buttons */
+.MuiButton-outlined,
+.MuiButton-outlinedPrimary,
+.MuiButton-outlinedSecondary {
+ border: 1px solid #2947a3 !important;
+ color: #2947a3 !important;
+ background-color: transparent !important;
+
+ &:hover {
+ background-color: rgba(41, 71, 163, 0.08) !important;
+ border-color: #1e3a8a !important;
+ color: #1e3a8a !important;
+ }
+
+ /* Target icons inside outlined buttons */
+ svg,
+ i,
+ .material-icons {
+ color: #2947a3 !important;
+ fill: #2947a3 !important;
+ }
+
+ &:hover {
+
+ svg,
+ i,
+ .material-icons {
+ color: #1e3a8a !important;
+ fill: #1e3a8a !important;
+ }
+ }
+}
+
+/* Text / Flat buttons */
+.MuiButton-text,
+.MuiButton-textPrimary,
+.MuiButton-textSecondary,
+.MuiButton-flat,
+.MuiButton-flatPrimary,
+.MuiButton-flatSecondary {
+ color: #2947a3 !important;
+
+ &:hover {
+ background-color: rgba(41, 71, 163, 0.08) !important;
+ color: #1e3a8a !important;
+ }
+
+ svg,
+ i,
+ .material-icons {
+ color: #2947a3 !important;
+ fill: #2947a3 !important;
+ }
+}
+
+/* Standard HTML Buttons */
+button,
+input[type="button"],
+input[type="submit"] {
+ font-family: Roboto, sans-serif !important;
+ border-radius: 8px !important;
+}
+
+[class*="MuiButton-root"],
+[class*="MuiButton-contained"],
+[class*="MuiButton-raised"] {
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+}
+
+[class*="MuiButton-outlined"],
+[class*="MuiButton-flat"] {
+ background: inherit !important;
+}
+
+/* Card Styles */
+.rainmaker-card,
+[class*="MuiCard-root"] {
+ border-radius: 14px !important;
+ background: linear-gradient(135deg, #fff, #f8fafb) !important;
+ border: 1px solid #e1e8f0 !important;
+ box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
+}
+
+.rainmaker-card label,
+.rainmaker-card [class*="MuiFormLabel-root"],
+.rainmaker-card [class*="MuiInputLabel-root"],
+[class*="MuiCard-root"] label,
+[class*="MuiCard-root"] [class*="MuiFormLabel-root"],
+[class*="MuiCard-root"] [class*="MuiInputLabel-root"] {
+ font-size: 16px !important;
+ color: #0f172a;
+}
+
+.rainmaker-card .label-text,
+[class*="MuiCard-root"] .label-text {
+ font-size: 16px !important;
+ color: #0f172a;
+}
+
+.rainmaker-card [class*="MuiInputLabel-shrink"],
+[class*="MuiCard-root"] [class*="MuiInputLabel-shrink"] {
+ transform: translate(0, 1.5px) scale(1) !important;
+}
+
+.rainmaker-card [class*="MuiTypography-subheading"],
+.rainmaker-card [class*="MuiTypography-title"],
+.rainmaker-card [class*="MuiTypography-headline"],
+.rainmaker-card [class*="MuiTypography-h6"],
+.rainmaker-card [class*="MuiTypography-h5"],
+.rainmaker-card [class*="MuiTypography-subtitle1"],
+[class*="MuiCard-root"] [class*="MuiTypography-subheading"],
+[class*="MuiCard-root"] [class*="MuiTypography-title"],
+[class*="MuiCard-root"] [class*="MuiTypography-headline"],
+[class*="MuiCard-root"] [class*="MuiTypography-h6"],
+[class*="MuiCard-root"] [class*="MuiTypography-h5"],
+[class*="MuiCard-root"] [class*="MuiTypography-subtitle1"] {
+ font-size: 24px !important;
+ font-weight: 700 !important;
+}
+
+[class*="MuiButton-root"] label,
+[class*="MuiButton-root"] .label-text,
+button label,
+button .label-text {
+ color: inherit;
+ font-size: inherit !important;
+}
+
+[class*="MuiButton-contained"] label,
+[class*="MuiButton-contained"] .label-text,
+[class*="MuiButton-raised"] label,
+[class*="MuiButton-raised"] .label-text {
+ color: #ffffff !important;
+}
+
+[class*="MuiButton-contained"],
+[class*="MuiButton-raised"],
+.btn-primary {
+ background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+ color: #ffffff !important;
+ border: none !important;
+ border-radius: 8px !important;
+ padding: 0.5rem 1rem !important;
+ font-family: Roboto, sans-serif !important;
+ font-weight: 500 !important;
+ font-size: 0.875rem !important;
+ line-height: 1.25rem !important;
+ cursor: pointer !important;
+ transition: all 0.2s ease !important;
+ white-space: normal !important;
+ word-break: break-word !important;
+ overflow-wrap: break-word !important;
+ text-align: center !important;
+}
+
+[class*="MuiButton-contained"]:hover,
+[class*="MuiButton-raised"]:hover,
+.btn-primary:hover {
+ opacity: 0.9 !important;
+}
+
+[class*="MuiButton-contained"] span,
+[class*="MuiButton-raised"] span,
+.btn-primary span {
+ color: #ffffff !important;
+}
+
+/* Global Link Styles */
+a,
+a:hover,
+a:visited,
+a:active,
+.link,
+[class*="link"] {
+ color: #5b68f0 !important;
+}
\ No newline at end of file
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.js
index f655ddd321..bfcb6b9fbc 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.js
@@ -11,8 +11,8 @@ const selectedLabelStyle = {
};
const selectedStyle = {
- backgroundColor: "#fe7a51",
- border: "1px solid #fe7a51",
+ backgroundColor: "#2947a3",
+ border: "1px solid #2947a3",
};
const defaultStyle = {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.scss
index ba03b09d82..e6503aca21 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/LanguageSelectionForm/index.scss
@@ -10,7 +10,7 @@
}
.lang-continue-button>button{
- background-color: #FE7A51 !important;
+ background-color: #2947a3 !important;
}
.lang-continue-button:hover>button>div{
background-color: #D86845 !important;
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/OTPForm/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/OTPForm/index.scss
index 70c597764c..06ab88780b 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/OTPForm/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/User/components/OTPForm/index.scss
@@ -14,9 +14,9 @@
}
.otp-resend .label-text {
- color: #fe7a51;
+ color: #2947a3;
}
.otp-prompt .label-text {
- color: "rgba(0, 0, 0, 0.6000000238418579)";
+ color: "#2947a3";
}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionFooter/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionFooter/index.js
index f13e8ea8c7..2ce69816bb 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionFooter/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionFooter/index.js
@@ -9,9 +9,9 @@ const ActionFooter = ({ label1, label2, primaryAction, secondaryAction }) => {
{label1 && (
}
- labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#fe7a51" }}
- buttonStyle={{ border: "1px solid #fe7a51" }}
+ label={
}
+ labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#2947a3" }}
+ buttonStyle={{ border: "1px solid #2947a3" }}
style={{ marginRight: 45, maxWidth: "30%" }}
onClick={secondaryAction}
@@ -20,7 +20,7 @@ const ActionFooter = ({ label1, label2, primaryAction, secondaryAction }) => {
}
style={{ maxWidth: "30%" }}
- backgroundColor="#fe7a51"
+ backgroundColor="#2947a3"
labelStyle={{ letterSpacing: 0.7, color: "#fff" }}
buttonStyle={{ border: 0 }}
onClick={primaryAction}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionMenu/components/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionMenu/components/index.js
index ce20315cd1..b9db7aaebd 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionMenu/components/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/common/ActionMenu/components/index.js
@@ -23,13 +23,13 @@ const styles = {
marginLeft: "-10px",
},
fibreIconStyle: {
- height: "21px",
- width: "21px",
+ height: "28px",
+ width: "28px",
margin: 0,
position: "relative",
},
arrowIconStyle: {
- right: "-10px",
+ right: "12px",
},
defaultMenuItemStyle: {
display: "flex",
@@ -51,7 +51,7 @@ const styles = {
},
inputStyle: {
// color: "white",
- color: window.innerWidth > 768 ? "white" : "black",
+ color: window.innerWidth > 768 ? "#757575" : "black",
bottom: "5px",
height: "auto",
paddingLeft: "5px",
@@ -68,10 +68,120 @@ class ActionMenuComp extends Component {
path: "",
menuItems: [],
selectedMenuIndex: 0,
+ expandedMenus: {},
};
this.setWrapperRef = this.setWrapperRef.bind(this);
}
+ toggleMenuExpansion = (menuName) => {
+ this.setState(prevState => ({
+ expandedMenus: {
+ ...prevState.expandedMenus,
+ [menuName]: !prevState.expandedMenus[menuName]
+ }
+ }));
+ };
+
+ buildMenuTree = (actionList) => {
+ if (!actionList) return [];
+
+ // 1. Filter valid actions (must have a non-empty path and navigationURL)
+ const validActions = actionList.filter(action => action.path && action.path !== "" && action.navigationURL);
+
+ // 2. Determine which rootNames are parent categories (have at least one nested child)
+ const parentCategories = new Set();
+ validActions.forEach(action => {
+ const parts = action.path.split(".");
+ if (parts.length > 1) {
+ parentCategories.add(parts[0]);
+ }
+ });
+
+ const tree = [];
+ const parentsMap = {}; // Maps rootName to its children array
+
+ validActions.forEach(action => {
+ const parts = action.path.split(".");
+ const rootName = parts[0];
+
+ if (parentCategories.has(rootName)) {
+ // This rootName is a parent category
+ if (parts.length === 1) {
+ // If there is a top-level action with the same name as the category,
+ // ignore it as the category itself will toggle expansion.
+ return;
+ }
+
+ if (!parentsMap[rootName]) {
+ parentsMap[rootName] = [];
+ // Find the category icon and details from the first matching category action or child action
+ const categoryAction = validActions.find(a => a.path === rootName) || action;
+
+ tree.push({
+ name: rootName,
+ path: rootName,
+ url: "",
+ navigationURL: categoryAction.navigationURL,
+ queryParams: categoryAction.queryParams,
+ leftIcon: categoryAction.leftIcon,
+ orderNumber: categoryAction.orderNumber || 0,
+ children: parentsMap[rootName]
+ });
+ }
+
+ parentsMap[rootName].push({
+ name: action.displayName || action.name,
+ path: action.path,
+ url: action.url,
+ navigationURL: action.navigationURL,
+ queryParams: action.queryParams,
+ leftIcon: action.leftIcon,
+ orderNumber: action.orderNumber || 0
+ });
+ } else {
+ // This is a top-level leaf item (e.g., "Home")
+ tree.push({
+ name: action.displayName || action.name || rootName,
+ path: action.path,
+ url: action.url,
+ navigationURL: action.navigationURL,
+ queryParams: action.queryParams,
+ leftIcon: action.leftIcon,
+ orderNumber: action.orderNumber || 0,
+ children: []
+ });
+ }
+ });
+
+ // Sort children inside parent categories by orderNumber
+ Object.keys(parentsMap).forEach(rootName => {
+ parentsMap[rootName].sort((a, b) => a.orderNumber - b.orderNumber);
+ });
+
+ // Sort tree by orderNumber
+ return tree.sort((a, b) => a.orderNumber - b.orderNumber);
+ };
+
+ autoExpandActiveMenu = (actionListArr) => {
+ const activeItmem = localStorageGet("menuName");
+ if (!activeItmem || !actionListArr) return;
+ const tree = this.buildMenuTree(actionListArr);
+ const expandedMenus = { ...this.state.expandedMenus };
+ let changed = false;
+ tree.forEach(item => {
+ if (item.children && item.children.length > 0) {
+ const hasActiveChild = item.children.some(child => child.name === activeItmem);
+ if (hasActiveChild && !expandedMenus[item.name]) {
+ expandedMenus[item.name] = true;
+ changed = true;
+ }
+ }
+ });
+ if (changed) {
+ this.setState({ expandedMenus });
+ }
+ };
+
setWrapperRef(node) {
this.wrapperRef = node;
}
@@ -94,6 +204,9 @@ class ActionMenuComp extends Component {
componentDidMount() {
// for better reusability moving out
this.initialMenuUpdate();
+ if (this.props.actionListArr) {
+ this.autoExpandActiveMenu(this.props.actionListArr);
+ }
}
initialMenuUpdate() {
let pathParam = {};
@@ -128,12 +241,18 @@ class ActionMenuComp extends Component {
this.setState({
searchText: "",
});
+ if (nextProps.actionListArr) {
+ this.autoExpandActiveMenu(nextProps.actionListArr);
+ }
}
/**
* Reset menu after arraylist changes
*/
if (nextProps && nextProps.actionListArr != this.props.actionListArr) {
this.initialMenuUpdate();
+ if (nextProps.actionListArr) {
+ this.autoExpandActiveMenu(nextProps.actionListArr);
+ }
}
}
changeModulesActions(modules, items) {
@@ -298,59 +417,87 @@ class ActionMenuComp extends Component {
const showMenuItem = () => {
const navigationURL = window.location.href.split("/").pop();
if (searchText.length == 0) {
- return menuItems.map((item, index) => {
+ let tree = this.buildMenuTree(actionListArr);
+ if (process.env.REACT_APP_NAME === "Citizen") {
+ if (JSON.parse(getUserInfo()).roles.some((role) => role.code === 'PESCO')) {
+ tree = tree.filter(menu => menu.name.toUpperCase() === 'SWACH');
+ } else {
+ tree = tree.filter(menu => menu.name.toUpperCase() !== 'SWACH');
+ }
+ }
+ return tree.map((item, index) => {
let iconLeft;
if (item.leftIcon) {
iconLeft = item.leftIcon.split(":");
}
- if (!item.url) {
+
+ const isExpanded = !!this.state.expandedMenus[item.name];
+
+ if (item.children && item.children.length > 0) {
return (
-
- {/* }
- placement="right"
- > */}
-
- }
- rightIcon={
-
- }
- onClick={() => {
- let pathParam = {
- path: !item.path ? item.name : item.path,
- parentPath: false,
- };
- toggleDrawer && toggleDrawer();
- menuChange(pathParam);
- }}
- />
- {/* */}
+
+
+
+ }
+ rightIcon={
+ menuDrawerOpen ? (
+
+ ) : null
+ }
+ onClick={() => {
+ this.toggleMenuExpansion(item.name);
+ }}
+ />
+
+
+ {isExpanded && item.children.map((child, childIndex) => {
+ return (
+
+
+ );
+ })}
);
} else {
if (item.navigationURL && item.navigationURL !== "newTab") {
- //let targetPath = toRedirect(item);
-
return (
);
};
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.js
index bad9e71085..0e19d445e1 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.js
@@ -34,12 +34,12 @@ const AcknowledgementCard = (props) => {
-
+
- {receiptNo&&
-
+ {receiptNo&&
+
}
{receiptNo&&
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.scss
index c99cf7152b..daaf9b4ecd 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AcknowledgementCard/index.scss
@@ -16,7 +16,7 @@
.ack-sub-body {
margin-top: 8px !important;
margin-bottom: 0px !important;
- color: rgba(0, 0, 0, 0.6) !important;
+ color: #2947a3 !important;
font-family: Roboto !important; }
.ack-text {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/ApplicationPreview/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/ApplicationPreview/index.scss
index d0f53fda2d..83f04f5bc2 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/ApplicationPreview/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/ApplicationPreview/index.scss
@@ -29,7 +29,7 @@
.flex-container>div {
margin: 10px;
text-align: center;
- background-color: rgb(254, 122, 81);
+ background-color: rgb(41, 71, 163);
}
.property-info-access-btn {
width: 100%;
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/ApplicationHistory/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/ApplicationHistory/index.js
index c8b34eb9b2..604f6d899f 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/ApplicationHistory/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/ApplicationHistory/index.js
@@ -102,7 +102,7 @@ class ApplicationHistory extends Component {
}}
>
-
+
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/AssessmentHistory/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/AssessmentHistory/index.js
index 7e5b8b3844..a6bc5b7508 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/AssessmentHistory/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/AssessmentHistory/index.js
@@ -73,7 +73,7 @@ class AssessmentHistory extends Component {
height: "35px",
backgroundColor: "rgb(242, 242, 242)",
boxShadow: "none",
- border: "1px solid rgb(254, 122, 81)",
+ border: "1px solid rgb(41, 71, 163)",
borderRadius: "2px",
outline: "none",
alignItems: "right",
@@ -90,7 +90,7 @@ class AssessmentHistory extends Component {
}
+ label={
}
buttonStyle={buttonStyle}
onClick={() => {
if (this.props.selPropertyDetails.status != "ACTIVE") {
@@ -108,7 +108,7 @@ class AssessmentHistory extends Component {
}}
>
}
+ label={
}
buttonStyle={buttonStyle}
onClick={() => {
if (this.props.selPropertyDetails.status != "ACTIVE") {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/PaymentHistory/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/PaymentHistory/index.js
index dc37f7e783..2f7e8add2f 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/PaymentHistory/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/AssessmentList/components/PTInformation/components/PaymentHistory/index.js
@@ -47,7 +47,7 @@ class PaymentHistory extends Component {
height: "35px",
backgroundColor: "rgb(242, 242, 242)",
boxShadow: "none",
- border: "1px solid rgb(254, 122, 81)",
+ border: "1px solid rgb(41, 71, 163)",
borderRadius: "2px",
outline: "none",
alignItems: "right",
@@ -67,7 +67,7 @@ class PaymentHistory extends Component {
}
+ label={
}
buttonStyle={buttonStyle}
onClick={() => {
const receiptQueryString= [
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.js
index 9841f3e06d..6d479f86db 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.js
@@ -453,7 +453,7 @@ class PTAcknowledgement extends React.Component {
},
leftIcon: "cloud_download",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { marginLeft: 10, color: "#FE7A51" } },
+ props: { variant: "outlined", style: { marginLeft: 10, color: "#2947a3" } },
menu: downloadButton.menu,
}}
/>
@@ -467,7 +467,7 @@ class PTAcknowledgement extends React.Component {
},
leftIcon: "print",
rightIcon: "arrow_drop_down",
- props: { variant: "outlined", style: { marginLeft: 10, color: "#FE7A51" } },
+ props: { variant: "outlined", style: { marginLeft: 10, color: "#2947a3" } },
menu: printButton.menu,
}}
/>
@@ -511,20 +511,20 @@ class PTAcknowledgement extends React.Component {
{" "}
-
+
- {/* {receiptNo&&
*/}
+ {/* {receiptNo&& */}
{ptIDLabel.visibility && (
-
+
)}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.scss
index 030ba35a4d..f2bbd3ec14 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTAcknowledgement/index.scss
@@ -16,7 +16,7 @@
.ack-sub-body {
margin-top: 8px !important;
margin-bottom: 0px !important;
- color: rgba(0, 0, 0, 0.6) !important;
+ color: #2947a3 !important;
font-family: Roboto !important; }
.ack-text {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.js
index 7fad3be73b..c490cc2e60 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.js
@@ -29,7 +29,7 @@ class PTExample extends Component {
// href={require("./PT_Corporation_Notification.pdf")}
target="_blank"
>
-
+
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.scss
index ef138702aa..0959780b0f 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PTExample/index.scss
@@ -8,7 +8,7 @@
}
.descriptionStyle a {
text-decoration: none;
- color: #fe7a51;
+ color: #2947a3;
}
.example-label-style .label-text {
margin-right: 5px;
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/index.js
index cc94ae48ec..91d27fe7b6 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/index.js
@@ -57,18 +57,18 @@ const PaymentStatus = ({ assessmentYear,
+ color="#2947a3" />
}
className="pmt-status-back"
onClick={() => { toggleYearDialogue(assessmentNumber) }}
- labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#fe7a51" }}
- buttonStyle={{ border: "1px solid #fe7a51" }}
+ labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#2947a3" }}
+ buttonStyle={{ border: "1px solid #2947a3" }}
style={{}}
/>
}
className="pmt-status-next"
- backgroundColor="#fe7a51"
+ backgroundColor="#2947a3"
labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#fff" }}
buttonStyle={{ border: 0 }}
onClick={() => {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/indextemp.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/indextemp.js
index d23cfb9e9b..637e53af6e 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/indextemp.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PaymentStatus/indextemp.js
@@ -91,7 +91,7 @@ const PaymentStatus = ({
>
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PropertTaxNotification/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PropertTaxNotification/index.scss
index fb5ac76e9d..ba63b167ee 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PropertTaxNotification/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/PropertTaxNotification/index.scss
@@ -8,7 +8,7 @@
}
.descriptionStyle a {
text-decoration: none;
- color: #fe7a51;
+ color: #2947a3;
}
.example-label-style .label-text {
margin-right: 5px;
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.js
index acf468ba71..d1cbd40fbc 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.js
@@ -21,7 +21,7 @@ const buttonStyle = {
};
const viewHistoryLabel = {
- color: "rgba(0, 0, 0, 0.6)",
+ color: "#2947a3",
fontFamily: "Roboto",
fontSize: "14px",
fontWeight: 500,
@@ -53,7 +53,7 @@ export const TransferOwnership = ({ ownershipTransfer, openDialog }) => {
+
}
buttonStyle={buttonStyle}
onClick={() => {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.scss
index 5bd640c7a2..4ebe3a0315 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ActionItems/index.scss
@@ -1,5 +1,5 @@
.transfer-ownership {
- border: 1px solid rgb(254, 122, 81);
+ border: 1px solid rgb(41, 71, 163);
background-color: transparent;
box-shadow: none !important;
button {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/HistoryCard/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/HistoryCard/index.js
index 67cb1b346f..c25b2fd2e9 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/HistoryCard/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/HistoryCard/index.js
@@ -21,7 +21,7 @@ const buttonStyle = {
height: "35px",
backgroundColor: "rgb(242, 242, 242)",
boxShadow: "none",
- border: "1px solid rgb(254, 122, 81)",
+ border: "1px solid rgb(41, 71, 163)",
borderRadius: "2px",
outline: "none",
alignItems: "right",
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.js
index 5396a9c9a8..c96cb368ff 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.js
@@ -66,7 +66,7 @@ class PendingAmountDialog extends Component {
{Math.round(amount)}
- {amount > 0 &&
} onClick={() => { this.navigateToCommonPay(consumerCode, "PT") }}/>}
+ {amount > 0 &&
} onClick={() => { this.navigateToCommonPay(consumerCode, "PT") }}/>}
@@ -77,7 +77,7 @@ class PendingAmountDialog extends Component {
return (
{Math.round(items.waterDue)}
-
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>
+
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>
)
}
@@ -85,7 +85,7 @@ class PendingAmountDialog extends Component {
) : (
{0}
- {amount > 0 &&
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>}
+ {amount > 0 &&
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>}
)
}
@@ -98,7 +98,7 @@ class PendingAmountDialog extends Component {
return (
{Math.round(items.sewerDue)}
-
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>
+
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>
)
}
@@ -106,7 +106,7 @@ class PendingAmountDialog extends Component {
) : (
{0}
- {amount > 0 &&
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>}
+ {amount > 0 &&
} onClick={() => { this.navigateToCommonPay(items.connectionNo, items.module) }}/>}
)
}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.scss
index 6cf1bfaa48..59121de97f 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PendingAmountDue/index.scss
@@ -37,7 +37,7 @@
}
.footer-button {
- background-color: #FE7A51;
+ background-color: #2947a3;
border-radius: 2px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
width: 180px;
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyAddressInfo/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyAddressInfo/index.js
index c36a1adf28..57add49e20 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyAddressInfo/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyAddressInfo/index.js
@@ -13,7 +13,7 @@ const localizationLabelsData = initLocalizationLabels(locale);
export const getAddressItems = (properties, OldProperty) => {
let oldTenantInfo = [], oldStateId = "", oldCityId = "", oldLocality = "";
const { address = {}, tenantId = '' } = properties;
- const tenantInfo = tenantId.split('.') || [];
+ const tenantInfo = (tenantId && tenantId.split('.')) || [];
const stateId = tenantInfo && tenantInfo.length === 2 && tenantInfo[0] ? tenantInfo[0].toUpperCase() : 'NA';
const cityId = tenantInfo && tenantInfo.length === 2 && tenantInfo[1] ? tenantInfo[1].toUpperCase() : 'NA';
const localityCode = address.locality && address.locality.code ? address.locality.code : 'NA';
@@ -22,7 +22,7 @@ export const getAddressItems = (properties, OldProperty) => {
const surveyid = properties.surveyId;
const yearConsTruction = properties.additionalDetails && properties.additionalDetails.yearConstruction || 'NA';
if (OldProperty) {
- oldTenantInfo = OldProperty.tenantId.split(".");
+ oldTenantInfo = (OldProperty.tenantId && OldProperty.tenantId.split(".")) || [];
oldStateId = oldTenantInfo[0] && oldTenantInfo[0].toUpperCase();
oldCityId = oldTenantInfo[1] && oldTenantInfo[1].toUpperCase();
oldLocality = OldProperty.address && OldProperty.address.locality && OldProperty.address.locality.code || 'NA';
@@ -86,7 +86,7 @@ export const getAddressItems = (properties, OldProperty) => {
}
const PropertyAddressInfo = ({ properties, editIcon, OldProperty }) => {
-
+
let surveyid = properties.surveyId;
const [isDialogOpen, setDialogOpen] = useState(false);
const [surveyId, setSurveyId] = useState(properties ? properties.surveyId : "");
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.js
index 58c3700410..af749df1ae 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.js
@@ -65,7 +65,7 @@ class PropertyInfoCard extends Component {
style={{
backgroundColor: "transparent",
border: "none",
- color: "#fe7a51",
+ color: "#2947a3",
cursor: "pointer",
padding: 0,
fontSize: "14px",
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.scss
index a94d9bfb0e..2c23266995 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInfoCard/index.scss
@@ -1,4 +1,4 @@
.pt-info-card-style {
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 12px;
}
\ No newline at end of file
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInformation/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInformation/index.js
index c01db78ac3..c2a0056818 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInformation/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/PropertyInformation/index.js
@@ -15,7 +15,7 @@ const editIconStyle = {
width: 19,
height: 20,
marginRight: 8,
- fill: "#fe7a51",
+ fill: "#2947a3",
};
const ReceiptItems = ({ items, propertyTaxAssessmentID, history, tenantId, onButtonClick }) => {
@@ -68,7 +68,7 @@ const ReceiptItems = ({ items, propertyTaxAssessmentID, history, tenantId, onBut
style={{ cursor: "pointer", marginRight: 5 }}
>
-
+
)} */}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/components/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/components/index.js
index 08dd8cab56..6a0fb7bd65 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/components/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/components/index.js
@@ -12,7 +12,7 @@ const buttonStyle = {
float: 'right',
backgroundColor: "rgb(242, 242, 242)",
boxShadow: "none",
- border: "1px solid rgb(254, 122, 81)",
+ border: "1px solid rgb(41, 71, 163)",
borderRadius: "2px",
outline: "none",
alignItems: "right",
@@ -24,7 +24,7 @@ export const TotalDuesButton = ({ labelText, onClickAction, primary }) => {
onClick={() => {
onClickAction();
}}
- label={
}
+ label={
}
primary={primary ? primary : false}
buttonStyle={primary ? {} : buttonStyle}
style={{ lineHeight: "auto", minWidth: "inherit" }}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/index.js
index 17d04ec7c5..ed96a83fe6 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TotalDues/index.js
@@ -82,7 +82,7 @@ if(tenantIdcode == "pb.jalandhar" || tenantIdcode == "pb.testing" ){
getUserDataFromUuid();
}
const labelStyle = {
- color: "rgba(0, 0, 0, 0.6)",
+ color: "#2947a3",
fontWeight: 400,
letterSpacing: "0.58px",
lineHeight: "17px",
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TransferOwnerShipDialog/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TransferOwnerShipDialog/index.js
index 81cb7d488e..bfacee42aa 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TransferOwnerShipDialog/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/TransferOwnerShipDialog/index.js
@@ -101,9 +101,9 @@ const TransferOwnerShipDialog = (props) => {
}
- buttonStyle={{ border: "1px solid #fe7a51", padding: 0 }}
- labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#fe7a51" }}
+ label={}
+ buttonStyle={{ border: "1px solid #2947a3", padding: 0 }}
+ labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#2947a3" }}
className="footer-button"
onClick={() => { printDiv() }}
/>
@@ -111,7 +111,7 @@ const TransferOwnerShipDialog = (props) => {
label={}
primary={true}
className="footer-button"
- labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#fe7a51",lineHeight:"20px" }}
+ labelStyle={{ letterSpacing: 0.7, padding: 0, color: "#2947a3",lineHeight:"20px" }}
buttonStyle={{ padding: 0 }}
onClick={() => { navigateToRouteUrl(routeUrl) }}
/>
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/TransferDetails/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/TransferDetails/index.js
index 6cc97eff83..f84a4c7800 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/TransferDetails/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/TransferDetails/index.js
@@ -3,7 +3,7 @@ import Label from "egov-ui-kit/utils/translationNode";
import "./index.css";
const labelStayle = {
- color: "rgba(0, 0, 0, 0.6)",
+ color: "#2947a3",
fontWeight: 400,
letterSpacing: "0.5px",
lineHeight: "14px",
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/index.scss
index 5a11767a36..5ef8384354 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/components/ViewHistory/index.scss
@@ -24,7 +24,7 @@
}
.oval-class {
- background-color: #fe7a51;
+ background-color: #2947a3;
border-radius: 100%;
width: 18px;
height: 18px;
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/index.js
index 4b19fdde71..498d721a2e 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/Property/index.js
@@ -534,7 +534,7 @@ class Property extends Component {
+ color="#2947a3" />
}
onClick={() => {
if (process.env.REACT_APP_NAME == "Citizen") {
@@ -551,8 +551,8 @@ class Property extends Component {
}
}
}}
- labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#fe7a51" }}
- buttonStyle={{ border: "0.5px solid #fe7a51" }}
+ labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#2947a3" }}
+ buttonStyle={{ border: "0.5px solid #2947a3" }}
style={{ lineHeight: "auto", minWidth: "20%", marginRight: "1%" }}
/>
+ color="#2947a3" />
}
onClick={() => {
if (process.env.REACT_APP_NAME == "Citizen") {
@@ -577,19 +577,19 @@ class Property extends Component {
}
}
}}
- labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#fe7a51" }}
- buttonStyle={{ border: "0.5px solid #fe7a51" }}
+ labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#2947a3" }}
+ buttonStyle={{ border: "0.5px solid #2947a3" }}
style={{ lineHeight: "auto", minWidth: "20%", marginRight: "1%" }}
/>
+ color="#2947a3" />
}
onClick={() => this.onEditPropertyClick()}
- labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#fe7a51" }}
- buttonStyle={{ border: "0.5px solid #fe7a51" }}
+ labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#2947a3" }}
+ buttonStyle={{ border: "0.5px solid #2947a3" }}
style={{ lineHeight: "auto", minWidth: "20%", marginRight: "1%" }}
/>
{/*
+ color="#2947a3" />
}
onClick={() =>
{
@@ -608,8 +608,8 @@ class Property extends Component {
if(window.confirm("Are you sure you want to make property active?")){
this.onStatusChangePropertyClickToActive()}
}}}
- labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#fe7a51" }}
- buttonStyle={{ border: "0.5px solid #fe7a51" }}
+ labelStyle={{ letterSpacing: 0.5, padding: 0, color: "#2947a3" }}
+ buttonStyle={{ border: "0.5px solid #2947a3" }}
style={{ lineHeight: "auto", minWidth: "20%", marginRight: "2%" }}
/> */}
),
};
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.js
index 0988e21af2..06058bbac0 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.js
@@ -219,7 +219,7 @@ class SearchProperty extends Component {
}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.scss b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.scss
index 9fde9e868e..7b7482d274 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.scss
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SearchProperty/index.scss
@@ -2,7 +2,7 @@
width: 104px;
height: 22px;
button {
- background-color: #fe7a51 !important;
+ background-color: #2947a3 !important;
height: 23px !important;
line-height: normal !important;
span {
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SingleProperty/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SingleProperty/index.js
index a6fc91fa65..b8c95e1dec 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SingleProperty/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/SingleProperty/index.js
@@ -74,7 +74,7 @@ class SingleProperty extends React.Component {
{/*
this.onCardClick(item)}>
-
+
*/}
}
diff --git a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/TransformedAssessments/index.js b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/TransformedAssessments/index.js
index 418484e368..6469248491 100644
--- a/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/TransformedAssessments/index.js
+++ b/web/rainmaker/dev-packages/egov-ui-kit-dev/src/common/propertyTax/TransformedAssessments/index.js
@@ -79,7 +79,7 @@ export const getCompletedTransformedItems = (assessmentsByStatus = [], cities, l
/>