From a793e6d4744d9e9667dc8f6d338206bcd2a148d9 Mon Sep 17 00:00:00 2001 From: mukund-egov Date: Thu, 10 Oct 2024 10:51:37 +0530 Subject: [PATCH 1/3] Fixed CSS Problem --- frontend/micro-ui/web/micro-ui-internals/package.json | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/frontend/micro-ui/web/micro-ui-internals/package.json b/frontend/micro-ui/web/micro-ui-internals/package.json index 6ea0dee6e..d8e36b327 100644 --- a/frontend/micro-ui/web/micro-ui-internals/package.json +++ b/frontend/micro-ui/web/micro-ui-internals/package.json @@ -6,7 +6,8 @@ "packages/libraries", "example", "packages/react-components", - "packages/modules/*" + "packages/modules/*", + "packages/css" ], "author": "JaganKumar ", "license": "MIT", @@ -29,6 +30,7 @@ "dev:core": "cd packages/modules/core && yarn start", "dev:example": "cd example && yarn start", "build": "run-p build:**", + "build:css": "cd packages/css && yarn build:prod", "build:libraries": "cd packages/libraries && yarn build", "build:components": "cd packages/react-components && yarn build", "build:pgr": "cd packages/modules/pgr && yarn build", @@ -55,9 +57,9 @@ "*.{js,css,md}": "prettier --write" }, "dependencies": { - "lodash": "4.17.21", - "microbundle-crl": "0.13.11", "@egovernments/digit-ui-react-components": "^1.3.0", + "lodash": "4.17.21", + "microbundle-crl": "^0.13.11", "react": "17.0.2", "react-dom": "17.0.2", "react-hook-form": "6.15.8", From cf68ed58df26c24f856212f6bc00a0d10d73604f Mon Sep 17 00:00:00 2001 From: mukund-egov Date: Thu, 10 Oct 2024 12:31:12 +0530 Subject: [PATCH 2/3] CSS Issue RESOLVED --- .../example/public/index.html | 38 +++++++++++++++++++ .../web/micro-ui-internals/package.json | 7 ++-- frontend/micro-ui/web/public/index.html | 37 ++++++++++++++++++ 3 files changed, 78 insertions(+), 4 deletions(-) diff --git a/frontend/micro-ui/web/micro-ui-internals/example/public/index.html b/frontend/micro-ui/web/micro-ui-internals/example/public/index.html index 76b10cb74..8f61588bc 100644 --- a/frontend/micro-ui/web/micro-ui-internals/example/public/index.html +++ b/frontend/micro-ui/web/micro-ui-internals/example/public/index.html @@ -43,6 +43,44 @@ .workbench-bredcrumb { display: none !important; } + .link-list { + list-style-type: none; + padding: 0; + display: flex; /* Adjust display for layout preference */ + justify-content: space-between; /* Adjust spacing as needed */ + } + + .link-item { + display: flex; + align-items: center; + margin: 10px; /* Adjust margin as needed */ + padding: 10px; + border: 1px solid #ccc; /* Adjust border if desired */ + border-radius: 5px; + text-decoration: none; + color: #333; + transition: all 0.3s ease-in-out; /* Add generic transition for styling */ + } + + .link-item:hover { + transform: scale(1.05); /* Add scale effect on hover */ + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Add slight shadow on hover */ + } + + .link-item a { + text-decoration: none; + color: inherit; /* Inherit color from parent element */ + } + + .link-icon { + margin-right: 10px; /* Adjust margin as needed */ + transition: transform 0.3s ease-in-out; /* Add transition for icon animation */ + } + + .link-item:hover .link-icon { + transform: rotate(360deg); /* Add rotation animation on hover */ + } + diff --git a/frontend/micro-ui/web/micro-ui-internals/package.json b/frontend/micro-ui/web/micro-ui-internals/package.json index d8e36b327..78c7211b8 100644 --- a/frontend/micro-ui/web/micro-ui-internals/package.json +++ b/frontend/micro-ui/web/micro-ui-internals/package.json @@ -6,9 +6,8 @@ "packages/libraries", "example", "packages/react-components", - "packages/modules/*", - "packages/css" - ], + "packages/modules/*" + ], "author": "JaganKumar ", "license": "MIT", "private": true, @@ -21,6 +20,7 @@ "start:dev": "run-p dev:**", "start:script": "./scripts/create.sh", "dev:css": "cd packages/css && yarn start", + "publish:css": "cd packages/css && yarn publish --access public", "dev:libraries": "cd packages/libraries && yarn start", "dev:components": "cd packages/react-components && yarn start", @@ -30,7 +30,6 @@ "dev:core": "cd packages/modules/core && yarn start", "dev:example": "cd example && yarn start", "build": "run-p build:**", - "build:css": "cd packages/css && yarn build:prod", "build:libraries": "cd packages/libraries && yarn build", "build:components": "cd packages/react-components && yarn build", "build:pgr": "cd packages/modules/pgr && yarn build", diff --git a/frontend/micro-ui/web/public/index.html b/frontend/micro-ui/web/public/index.html index a7dadf583..d5d89849f 100644 --- a/frontend/micro-ui/web/public/index.html +++ b/frontend/micro-ui/web/public/index.html @@ -19,6 +19,43 @@ #logo-img-container { display: none; } + .link-list { + list-style-type: none; + padding: 0; + display: flex; /* Adjust display for layout preference */ + justify-content: space-between; /* Adjust spacing as needed */ + } + + .link-item { + display: flex; + align-items: center; + margin: 10px; /* Adjust margin as needed */ + padding: 10px; + border: 1px solid #ccc; /* Adjust border if desired */ + border-radius: 5px; + text-decoration: none; + color: #333; + transition: all 0.3s ease-in-out; /* Add generic transition for styling */ + } + + .link-item:hover { + transform: scale(1.05); /* Add scale effect on hover */ + box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Add slight shadow on hover */ + } + + .link-item a { + text-decoration: none; + color: inherit; /* Inherit color from parent element */ + } + + .link-icon { + margin-right: 10px; /* Adjust margin as needed */ + transition: transform 0.3s ease-in-out; /* Add transition for icon animation */ + } + + .link-item:hover .link-icon { + transform: rotate(360deg); /* Add rotation animation on hover */ + } .selector-button-primary>h2 { margin: 0 From 874667a6690ddfd33bea8afc1c02cf8898d50055 Mon Sep 17 00:00:00 2001 From: mukund-egov Date: Thu, 10 Oct 2024 13:49:44 +0530 Subject: [PATCH 3/3] CSS Issue RESOLVED --- .../micro-ui/web/micro-ui-internals/example/src/index.js | 6 +++--- frontend/micro-ui/web/micro-ui-internals/package.json | 2 -- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/frontend/micro-ui/web/micro-ui-internals/example/src/index.js b/frontend/micro-ui/web/micro-ui-internals/example/src/index.js index 6a520e8a0..cb0be5743 100644 --- a/frontend/micro-ui/web/micro-ui-internals/example/src/index.js +++ b/frontend/micro-ui/web/micro-ui-internals/example/src/index.js @@ -7,8 +7,8 @@ import { initDSSComponents } from "@egovernments/digit-ui-module-dss"; import { initEngagementComponents } from "@egovernments/digit-ui-module-engagement"; import { initHRMSComponents } from "@egovernments/digit-ui-module-hrms"; import { initPGRComponents, PGRReducers } from "@egovernments/digit-ui-module-pgr"; -import {initPaymentComponents} from "@egovernments/digit-ui-module-payment"; -import "@egovernments/digit-ui-css/example/index.css"; +import { initPaymentComponents } from "@egovernments/digit-ui-module-payment"; +// import "@egovernments/digit-ui-css/example/index.css"; import { pgrCustomizations } from "./pgr"; import { UICustomizations } from "./UICustomizations"; @@ -19,7 +19,7 @@ const enabledModules = [ "DSS", "HRMS", "PGR", - "Payment" + "Payment", // "Engagement", "NDSS","QuickPayLinks", "Payment", // "Utilities", //added to check fsm diff --git a/frontend/micro-ui/web/micro-ui-internals/package.json b/frontend/micro-ui/web/micro-ui-internals/package.json index 78c7211b8..603006c0f 100644 --- a/frontend/micro-ui/web/micro-ui-internals/package.json +++ b/frontend/micro-ui/web/micro-ui-internals/package.json @@ -19,8 +19,6 @@ "sprint": "SKIP_PREFLIGHT_CHECK=true run-s start:script", "start:dev": "run-p dev:**", "start:script": "./scripts/create.sh", - "dev:css": "cd packages/css && yarn start", - "publish:css": "cd packages/css && yarn publish --access public", "dev:libraries": "cd packages/libraries && yarn start", "dev:components": "cd packages/react-components && yarn start",