From 111d13bb782f05d2e14e17b64ccc3c5ae9a2ef17 Mon Sep 17 00:00:00 2001 From: Ashparsh Pandey <150526286+Ashparshp@users.noreply.github.com> Date: Thu, 12 Sep 2024 23:57:44 +0530 Subject: [PATCH 01/13] Mark Senthil Athiban's profile as inactive Signed-off-by: Ashparsh Pandey <150526286+Ashparshp@users.noreply.github.com> Signed-off-by: THEBOSS0369 --- src/collections/members/senthil-athiban/index.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/collections/members/senthil-athiban/index.mdx b/src/collections/members/senthil-athiban/index.mdx index 7ad880e13fef..85aa20f1041a 100644 --- a/src/collections/members/senthil-athiban/index.mdx +++ b/src/collections/members/senthil-athiban/index.mdx @@ -10,6 +10,6 @@ location: Tamil Nadu, India. bio: "Senthil Athiban is passionate about software development, with a keen interest in building products that solve real-world problems. His journey began with crafting the UI/UX of modern websites, where he developed a deep appreciation for intuitive design and user experience. He is continuously exploring the tech world, driven by an insatiable thirst for knowledge that won't be quenched until he reaches the last drop. When he's not coding or contributing to open-source projects on GitHub, you can find him on the football field, channeling his energy into his love for the game." badges: - meshery -status: Active +status: Inactive published: true --- From e02b684f30b6c6e23cbf0b2222b7da09328dd118 Mon Sep 17 00:00:00 2001 From: MUzairS15 Date: Fri, 13 Sep 2024 00:25:02 +0000 Subject: [PATCH 02/13] [Docs] Generated documentation for Integration Signed-off-by: l5io Signed-off-by: THEBOSS0369 --- ...-connectivity-service-connection-policy-color.svg | 5 +++++ ...-connectivity-service-connection-policy-white.svg | 3 +++ .../icons/color/redis-cluster-color.svg | 5 +++++ .../icons/white/redis-cluster-white.svg | 3 +++ .../integrations/k8s-config-connector/index.mdx | 12 ++++++++++++ src/collections/integrations/psmdb-db/index.mdx | 6 ++++++ 6 files changed, 34 insertions(+) create mode 100644 src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/color/network-connectivity-service-connection-policy-color.svg create mode 100644 src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/white/network-connectivity-service-connection-policy-white.svg create mode 100644 src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/color/redis-cluster-color.svg create mode 100644 src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/white/redis-cluster-white.svg diff --git a/src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/color/network-connectivity-service-connection-policy-color.svg b/src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/color/network-connectivity-service-connection-policy-color.svg new file mode 100644 index 000000000000..3a66f9c1117e --- /dev/null +++ b/src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/color/network-connectivity-service-connection-policy-color.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/white/network-connectivity-service-connection-policy-white.svg b/src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/white/network-connectivity-service-connection-policy-white.svg new file mode 100644 index 000000000000..941c48f8914b --- /dev/null +++ b/src/collections/integrations/k8s-config-connector/icons/components/network-connectivity-service-connection-policy/icons/white/network-connectivity-service-connection-policy-white.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/color/redis-cluster-color.svg b/src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/color/redis-cluster-color.svg new file mode 100644 index 000000000000..3a66f9c1117e --- /dev/null +++ b/src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/color/redis-cluster-color.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/white/redis-cluster-white.svg b/src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/white/redis-cluster-white.svg new file mode 100644 index 000000000000..941c48f8914b --- /dev/null +++ b/src/collections/integrations/k8s-config-connector/icons/components/redis-cluster/icons/white/redis-cluster-white.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/collections/integrations/k8s-config-connector/index.mdx b/src/collections/integrations/k8s-config-connector/index.mdx index 2a33c99b7d43..a8621b907fdc 100644 --- a/src/collections/integrations/k8s-config-connector/index.mdx +++ b/src/collections/integrations/k8s-config-connector/index.mdx @@ -2072,6 +2072,18 @@ components: [ "colorIcon": "icons/components/secure-source-manager-instance/icons/color/secure-source-manager-instance-color.svg", "whiteIcon": "icons/components/secure-source-manager-instance/icons/white/secure-source-manager-instance-white.svg", "description": "", +}, +{ +"name": "network-connectivity-service-connection-policy", +"colorIcon": "icons/components/network-connectivity-service-connection-policy/icons/color/network-connectivity-service-connection-policy-color.svg", +"whiteIcon": "icons/components/network-connectivity-service-connection-policy/icons/white/network-connectivity-service-connection-policy-white.svg", +"description": "", +}, +{ +"name": "redis-cluster", +"colorIcon": "icons/components/redis-cluster/icons/color/redis-cluster-color.svg", +"whiteIcon": "icons/components/redis-cluster/icons/white/redis-cluster-white.svg", +"description": "", }] featureList: [ "Provides a wide range of cloud services", diff --git a/src/collections/integrations/psmdb-db/index.mdx b/src/collections/integrations/psmdb-db/index.mdx index 04e26481c889..7a8dcf4139cc 100644 --- a/src/collections/integrations/psmdb-db/index.mdx +++ b/src/collections/integrations/psmdb-db/index.mdx @@ -26,6 +26,12 @@ components: [ "colorIcon": "icons/components/percona-server-mongo-db/icons/color/percona-server-mongo-db-color.svg", "whiteIcon": "icons/components/percona-server-mongo-db/icons/white/percona-server-mongo-db-white.svg", "description": "", +}, +{ +"name": "percona-server-mongo-db", +"colorIcon": "icons/components/percona-server-mongo-db/icons/color/percona-server-mongo-db-color.svg", +"whiteIcon": "icons/components/percona-server-mongo-db/icons/white/percona-server-mongo-db-white.svg", +"description": "", }] featureList: [ "High-performance MongoDB database", From ae8e3af6ad52218ab114f1fec426514e79edf407 Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Sun, 15 Sep 2024 16:57:10 +0530 Subject: [PATCH 03/13] Dark Mode Search Input Signed-off-by: THEBOSS0369 --- src/reusecore/Search/searchbox.style.js | 4 ++++ src/theme/app/themeStyles.js | 8 ++++---- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/reusecore/Search/searchbox.style.js b/src/reusecore/Search/searchbox.style.js index f497917cd0f6..43e31b837efb 100644 --- a/src/reusecore/Search/searchbox.style.js +++ b/src/reusecore/Search/searchbox.style.js @@ -15,6 +15,10 @@ export const SearchWrapper = styled.div` border-radius: 5px; border: 1px solid ${(props) => props.theme.headingColor}; background-color: ${(props) => props.theme.shadowLightColor}; + + /*Changes color for the text*/ + color: ${(props) => props.theme.textColor}; + &:focus { /* border-color: ${(props) => props.theme.primaryColor}; */ border-color: #fff; diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index f4f8e83b9af9..4dbe8f5ed57b 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -240,7 +240,7 @@ export const darktheme = { scrollbarColor: "#00d3a9", // white - primaryColor: "#FFFFFF", + primaryColor: "#00d3a9", // silver chalice (light gray) primaryLightColor: "#2C2C2C", @@ -265,14 +265,14 @@ export const darktheme = { // Teal Blue tertiaryColorTwo: "#477E96", - headingColor: "#000000", + headingColor: "#111111", // light slate gray (medium gray) - textColor: "#000000", + textColor: "#ffffff", shadowColor: "rgba(255, 255, 255, 0.05)", // platinum (light gray) - shadowLightColor: "#E6E6E6", + shadowLightColor: "#333333", // dark gray shadowDarkColor: "#484848", From b263459fbbe55c1764dbfddf18c496752daebcee Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Fri, 20 Sep 2024 10:31:20 +0530 Subject: [PATCH 04/13] Removed issues for default style Signed-off-by: THEBOSS0369 --- src/reusecore/Search/searchbox.style.js | 2 +- src/theme/app/themeStyles.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/reusecore/Search/searchbox.style.js b/src/reusecore/Search/searchbox.style.js index 43e31b837efb..ff745cbb36a0 100644 --- a/src/reusecore/Search/searchbox.style.js +++ b/src/reusecore/Search/searchbox.style.js @@ -17,7 +17,7 @@ export const SearchWrapper = styled.div` background-color: ${(props) => props.theme.shadowLightColor}; /*Changes color for the text*/ - color: ${(props) => props.theme.textColor}; + color: ${(props) => props.theme.whiteToBlack}; &:focus { /* border-color: ${(props) => props.theme.primaryColor}; */ diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 4dbe8f5ed57b..00166012fd27 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -265,7 +265,7 @@ export const darktheme = { // Teal Blue tertiaryColorTwo: "#477E96", - headingColor: "#111111", + headingColor: "#000000", // light slate gray (medium gray) textColor: "#ffffff", From 965b20458531806fbc567e21d6fcee7b46b1810f Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Wed, 25 Sep 2024 12:47:28 +0530 Subject: [PATCH 05/13] Added styles in the required file's style page Signed-off-by: THEBOSS0369 --- src/reusecore/Search/searchbox.style.js | 3 --- src/sections/Blog/Blog-grid/blogGrid.style.js | 10 ++++++++++ .../Meshery/Meshery-integrations/Integration.style.js | 9 +++++++++ .../Resources/Resources-grid/resourceGrid.style.js | 10 ++++++++++ src/theme/app/themeStyles.js | 6 +++--- 5 files changed, 32 insertions(+), 6 deletions(-) diff --git a/src/reusecore/Search/searchbox.style.js b/src/reusecore/Search/searchbox.style.js index ff745cbb36a0..025c42054e45 100644 --- a/src/reusecore/Search/searchbox.style.js +++ b/src/reusecore/Search/searchbox.style.js @@ -16,9 +16,6 @@ export const SearchWrapper = styled.div` border: 1px solid ${(props) => props.theme.headingColor}; background-color: ${(props) => props.theme.shadowLightColor}; - /*Changes color for the text*/ - color: ${(props) => props.theme.whiteToBlack}; - &:focus { /* border-color: ${(props) => props.theme.primaryColor}; */ border-color: #fff; diff --git a/src/sections/Blog/Blog-grid/blogGrid.style.js b/src/sections/Blog/Blog-grid/blogGrid.style.js index 56b8284f3d36..64b5365a2b2f 100644 --- a/src/sections/Blog/Blog-grid/blogGrid.style.js +++ b/src/sections/Blog/Blog-grid/blogGrid.style.js @@ -14,6 +14,16 @@ export const BlogPageWrapper = styled.div` height: 100%; } } + + // styling for the blog searchbox + .search-box { + input { + background-color: ${props => props.theme.shadowDarkColor}!important; + color: ${props => props.theme.text}; + transition: all 450ms ease 0s; + } + } + @media only screen and (max-width: 576px) { .blog-grid-wrapper { margin: 0 auto 1rem; diff --git a/src/sections/Meshery/Meshery-integrations/Integration.style.js b/src/sections/Meshery/Meshery-integrations/Integration.style.js index 43c581dc8e33..fc8d8d12e7a6 100755 --- a/src/sections/Meshery/Meshery-integrations/Integration.style.js +++ b/src/sections/Meshery/Meshery-integrations/Integration.style.js @@ -16,6 +16,15 @@ export const HoneycombGrid = styled.div` } } + // styling for the blog searchbox + .search-box { + input { + background-color: ${props => props.theme.shadowDarkColor}!important; + color: ${props => props.theme.text}; + transition: all 450ms ease 0s; + } + } + .category { display: flex; flex-wrap: wrap; diff --git a/src/sections/Resources/Resources-grid/resourceGrid.style.js b/src/sections/Resources/Resources-grid/resourceGrid.style.js index 5669cfb0b920..3511838c0dc3 100644 --- a/src/sections/Resources/Resources-grid/resourceGrid.style.js +++ b/src/sections/Resources/Resources-grid/resourceGrid.style.js @@ -22,6 +22,16 @@ export const ResourcePageWrapper = styled.div` } } + + // styling for the blog searchbox + .search-box { + input { + background-color: ${props => props.theme.shadowDarkColor}!important; + color: ${props => props.theme.text}; + transition: all 450ms ease 0s; + } + } + .post-content-block{ height: 7rem; } diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 00166012fd27..f4f8e83b9af9 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -240,7 +240,7 @@ export const darktheme = { scrollbarColor: "#00d3a9", // white - primaryColor: "#00d3a9", + primaryColor: "#FFFFFF", // silver chalice (light gray) primaryLightColor: "#2C2C2C", @@ -268,11 +268,11 @@ export const darktheme = { headingColor: "#000000", // light slate gray (medium gray) - textColor: "#ffffff", + textColor: "#000000", shadowColor: "rgba(255, 255, 255, 0.05)", // platinum (light gray) - shadowLightColor: "#333333", + shadowLightColor: "#E6E6E6", // dark gray shadowDarkColor: "#484848", From 52b4343a74bd4fcc0eff0df862e0d62ad69a7c90 Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Thu, 17 Oct 2024 12:22:02 +0530 Subject: [PATCH 06/13] Improved the search box Signed-off-by: THEBOSS0369 --- src/sections/Blog/Blog-grid/blogGrid.style.js | 9 --------- src/sections/Company/News-grid/NewsGrid.style.js | 8 -------- .../Meshery/Meshery-integrations/Integration.style.js | 9 --------- .../Resources/Resources-grid/resourceGrid.style.js | 9 --------- src/sections/app.style.js | 11 +++++++++++ src/theme/app/themeStyles.js | 8 +++++++- 6 files changed, 18 insertions(+), 36 deletions(-) diff --git a/src/sections/Blog/Blog-grid/blogGrid.style.js b/src/sections/Blog/Blog-grid/blogGrid.style.js index 64b5365a2b2f..2b27ef120ca3 100644 --- a/src/sections/Blog/Blog-grid/blogGrid.style.js +++ b/src/sections/Blog/Blog-grid/blogGrid.style.js @@ -15,15 +15,6 @@ export const BlogPageWrapper = styled.div` } } - // styling for the blog searchbox - .search-box { - input { - background-color: ${props => props.theme.shadowDarkColor}!important; - color: ${props => props.theme.text}; - transition: all 450ms ease 0s; - } - } - @media only screen and (max-width: 576px) { .blog-grid-wrapper { margin: 0 auto 1rem; diff --git a/src/sections/Company/News-grid/NewsGrid.style.js b/src/sections/Company/News-grid/NewsGrid.style.js index 6af902eb10e8..ea1ae027904a 100644 --- a/src/sections/Company/News-grid/NewsGrid.style.js +++ b/src/sections/Company/News-grid/NewsGrid.style.js @@ -96,13 +96,5 @@ export const NewsPageWrapper = styled.div` } } - .search-box { - margin: auto; - input { - background-color: ${props => props.theme.shadowDarkColor}!important; - color: ${props => props.theme.text}; - transition: all 450ms ease 0s; - } - } `; diff --git a/src/sections/Meshery/Meshery-integrations/Integration.style.js b/src/sections/Meshery/Meshery-integrations/Integration.style.js index fc8d8d12e7a6..43c581dc8e33 100755 --- a/src/sections/Meshery/Meshery-integrations/Integration.style.js +++ b/src/sections/Meshery/Meshery-integrations/Integration.style.js @@ -16,15 +16,6 @@ export const HoneycombGrid = styled.div` } } - // styling for the blog searchbox - .search-box { - input { - background-color: ${props => props.theme.shadowDarkColor}!important; - color: ${props => props.theme.text}; - transition: all 450ms ease 0s; - } - } - .category { display: flex; flex-wrap: wrap; diff --git a/src/sections/Resources/Resources-grid/resourceGrid.style.js b/src/sections/Resources/Resources-grid/resourceGrid.style.js index 3511838c0dc3..e152ae8729f9 100644 --- a/src/sections/Resources/Resources-grid/resourceGrid.style.js +++ b/src/sections/Resources/Resources-grid/resourceGrid.style.js @@ -23,15 +23,6 @@ export const ResourcePageWrapper = styled.div` } - // styling for the blog searchbox - .search-box { - input { - background-color: ${props => props.theme.shadowDarkColor}!important; - color: ${props => props.theme.text}; - transition: all 450ms ease 0s; - } - } - .post-content-block{ height: 7rem; } diff --git a/src/sections/app.style.js b/src/sections/app.style.js index c09e58973553..fab1ff8a6011 100644 --- a/src/sections/app.style.js +++ b/src/sections/app.style.js @@ -174,6 +174,17 @@ section{ position: relative; } + // styling for the searchbox + .search-box { + input { + background-color: ${props => props.theme.shadowDarkColor}!important; + color: ${props => props.theme.text}; + transition: all 450ms ease 0s; + border: ${(props) => props.theme.searchIconColor}; + } + } + + /* Modal styling needs to be applied to the global CSS */ .Modal { diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index f4f8e83b9af9..25443c99b379 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -38,6 +38,9 @@ const lighttheme = { headingColor: "#111111", + // searchbox Icon Color + searchIconColor: "#333333", + // light slate gray (medium gray) textColor: "#000000", shadowColor: "rgba(0, 0, 0, 0.05)", @@ -265,7 +268,10 @@ export const darktheme = { // Teal Blue tertiaryColorTwo: "#477E96", - headingColor: "#000000", + headingColor: "#FFFFFF", + + // searchbox icon color + searchIconColor: "#FFFFFF", // light slate gray (medium gray) textColor: "#000000", From b6824a0aefc55aca3fdc96284889ffc529123c50 Mon Sep 17 00:00:00 2001 From: Anuj Kumar Sharma Date: Thu, 17 Oct 2024 12:30:52 +0530 Subject: [PATCH 07/13] Update themeStyles.js Signed-off-by: Anuj Kumar Sharma --- src/theme/app/themeStyles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 25443c99b379..aff46ff5d86f 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -268,7 +268,7 @@ export const darktheme = { // Teal Blue tertiaryColorTwo: "#477E96", - headingColor: "#FFFFFF", + headingColor: "#000000", // searchbox icon color searchIconColor: "#FFFFFF", From 29c79d1788d3342e670f68b61012ed70f1c291f5 Mon Sep 17 00:00:00 2001 From: Anuj Kumar Sharma Date: Thu, 17 Oct 2024 12:31:59 +0530 Subject: [PATCH 08/13] Update resourceGrid.style.js Signed-off-by: Anuj Kumar Sharma --- src/sections/Resources/Resources-grid/resourceGrid.style.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/sections/Resources/Resources-grid/resourceGrid.style.js b/src/sections/Resources/Resources-grid/resourceGrid.style.js index e152ae8729f9..5669cfb0b920 100644 --- a/src/sections/Resources/Resources-grid/resourceGrid.style.js +++ b/src/sections/Resources/Resources-grid/resourceGrid.style.js @@ -22,7 +22,6 @@ export const ResourcePageWrapper = styled.div` } } - .post-content-block{ height: 7rem; } From 97d73ae3cf558966151d31c0939ba1b40d476875 Mon Sep 17 00:00:00 2001 From: Anuj Kumar Sharma Date: Thu, 17 Oct 2024 12:32:20 +0530 Subject: [PATCH 09/13] Update searchbox.style.js Signed-off-by: Anuj Kumar Sharma --- src/reusecore/Search/searchbox.style.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/reusecore/Search/searchbox.style.js b/src/reusecore/Search/searchbox.style.js index 025c42054e45..f497917cd0f6 100644 --- a/src/reusecore/Search/searchbox.style.js +++ b/src/reusecore/Search/searchbox.style.js @@ -15,7 +15,6 @@ export const SearchWrapper = styled.div` border-radius: 5px; border: 1px solid ${(props) => props.theme.headingColor}; background-color: ${(props) => props.theme.shadowLightColor}; - &:focus { /* border-color: ${(props) => props.theme.primaryColor}; */ border-color: #fff; From 68e48e9fdd393aac2f0083d3dbdd8ff7593b670a Mon Sep 17 00:00:00 2001 From: Anuj Kumar Sharma Date: Thu, 17 Oct 2024 12:32:43 +0530 Subject: [PATCH 10/13] Update blogGrid.style.js Signed-off-by: Anuj Kumar Sharma --- src/sections/Blog/Blog-grid/blogGrid.style.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/sections/Blog/Blog-grid/blogGrid.style.js b/src/sections/Blog/Blog-grid/blogGrid.style.js index 2b27ef120ca3..56b8284f3d36 100644 --- a/src/sections/Blog/Blog-grid/blogGrid.style.js +++ b/src/sections/Blog/Blog-grid/blogGrid.style.js @@ -14,7 +14,6 @@ export const BlogPageWrapper = styled.div` height: 100%; } } - @media only screen and (max-width: 576px) { .blog-grid-wrapper { margin: 0 auto 1rem; From 4538208f6074e6a960ed1068a7c8291baaee1334 Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Sat, 19 Oct 2024 11:12:18 +0530 Subject: [PATCH 11/13] Changed the search icon color Signed-off-by: THEBOSS0369 --- src/sections/app.style.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/sections/app.style.js b/src/sections/app.style.js index fab1ff8a6011..6150609be3ed 100644 --- a/src/sections/app.style.js +++ b/src/sections/app.style.js @@ -180,7 +180,11 @@ section{ background-color: ${props => props.theme.shadowDarkColor}!important; color: ${props => props.theme.text}; transition: all 450ms ease 0s; - border: ${(props) => props.theme.searchIconColor}; + } + + // for the Search Icon + svg { + color: ${(props) => props.theme.searchIconColor}; } } From f16f2e9e349fe31faa21b1d0e3ae5a9316b03dee Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Tue, 22 Oct 2024 17:48:58 +0530 Subject: [PATCH 12/13] Added Boundary on Integration SearchBar Signed-off-by: THEBOSS0369 --- src/sections/app.style.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/sections/app.style.js b/src/sections/app.style.js index 6150609be3ed..7af36e2d6fc5 100644 --- a/src/sections/app.style.js +++ b/src/sections/app.style.js @@ -180,6 +180,11 @@ section{ background-color: ${props => props.theme.shadowDarkColor}!important; color: ${props => props.theme.text}; transition: all 450ms ease 0s; + + &:focus { + border-color: #fff !important; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; + } } // for the Search Icon @@ -188,6 +193,18 @@ section{ } } + // style for integration searchbox because in main searchbox file it has been defined already and i don't want to touch that file + .integration-search { + input { + border: 1px solid ${props => props.theme.headingColor} !important; + + &:focus { + border-color: #fff !important; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; + } + } +} + /* Modal styling needs to be applied to the global CSS */ From 75b388c878896f56ba0c4e5601fd42271b6c5535 Mon Sep 17 00:00:00 2001 From: THEBOSS0369 Date: Wed, 30 Oct 2024 13:45:31 +0530 Subject: [PATCH 13/13] Moved the integration's search bar code to its own file Signed-off-by: THEBOSS0369 --- .../Meshery-integrations/Integration.style.js | 11 +++++++++++ src/sections/app.style.js | 13 ------------- 2 files changed, 11 insertions(+), 13 deletions(-) diff --git a/src/sections/Meshery/Meshery-integrations/Integration.style.js b/src/sections/Meshery/Meshery-integrations/Integration.style.js index 506ffc1c8a30..7c7ee84326d2 100755 --- a/src/sections/Meshery/Meshery-integrations/Integration.style.js +++ b/src/sections/Meshery/Meshery-integrations/Integration.style.js @@ -16,6 +16,17 @@ export const HoneycombGrid = styled.div` } } + .search-box { + input { + border: 1px solid ${props => props.theme.headingColor} !important; + + &:focus { + border-color: #fff !important; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; + } + } + } + .category { display: flex; flex-wrap: wrap; diff --git a/src/sections/app.style.js b/src/sections/app.style.js index 7af36e2d6fc5..dbff856e861e 100644 --- a/src/sections/app.style.js +++ b/src/sections/app.style.js @@ -193,19 +193,6 @@ section{ } } - // style for integration searchbox because in main searchbox file it has been defined already and i don't want to touch that file - .integration-search { - input { - border: 1px solid ${props => props.theme.headingColor} !important; - - &:focus { - border-color: #fff !important; - box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important; - } - } -} - - /* Modal styling needs to be applied to the global CSS */ .Modal {