From 3df84ec8daac7511baccfbc2f08499e7d3e9a866 Mon Sep 17 00:00:00 2001 From: haarsh157 Date: Fri, 12 Jan 2024 15:52:00 +0530 Subject: [PATCH 1/3] reesolved hovering issue --- client/theme.js | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/client/theme.js b/client/theme.js index f60ef0735a..7f79df1c15 100644 --- a/client/theme.js +++ b/client/theme.js @@ -20,7 +20,7 @@ export const colors = { lightsteelblue: '#B0C4DE', dodgerblue: '#1E90FF', p5ContrastPink: ' #FFA9D9', - + p5ContrastYellow: '#fff001', borderColor: ' #B5B5B5', outlineColor: '#0F9DD7' }; @@ -106,8 +106,8 @@ const baseThemes = { border: colors.p5jsPink }, hover: { - foreground: grays.lightest, - background: colors.p5jsPink, + foreground: colors.p5jsPink, + background: colors.p5jsActivePink, border: colors.p5jsPink }, active: { @@ -194,8 +194,8 @@ const baseThemes = { }, hover: { foreground: grays.lightest, - background: colors.p5jsPink, - border: colors.p5jsPink + background: colors.p5jsActivePink, + border: colors.p5jsActivePink }, active: { foreground: grays.lightest, @@ -253,8 +253,8 @@ export default { primary: { hover: { foreground: grays.dark, - background: colors.yellow, - border: colors.yellow + background: colors.p5ContrastYellow, + border: colors.p5ContrastYellow }, active: { foreground: grays.dark @@ -268,8 +268,8 @@ export default { }, hover: { foreground: grays.dark, - background: colors.yellow, - border: colors.yellow + background: colors.p5ContrastYellow, + border: colors.p5ContrastYellow }, active: { foreground: grays.dark From 492c475c3c1dcd6550e412f654c769e55642f74d Mon Sep 17 00:00:00 2001 From: Harsh Range <115213858+haarsh157@users.noreply.github.com> Date: Mon, 15 Jan 2024 20:16:25 +0000 Subject: [PATCH 2/3] Fixed scrolling of Privacy policy, Terms of use, and Code of conduct pages in mobile view --- client/components/RootPage.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/components/RootPage.jsx b/client/components/RootPage.jsx index cece68f39e..469d27111e 100644 --- a/client/components/RootPage.jsx +++ b/client/components/RootPage.jsx @@ -12,7 +12,7 @@ const RootPage = styled.div` @media (max-width: 770px) { height: 100%; - overflow: hidden; + overflow: auto; } `; From 21f44c0f5a614b903d36864ecbc5145814804c64 Mon Sep 17 00:00:00 2001 From: raclim Date: Wed, 5 Jun 2024 14:39:40 -0400 Subject: [PATCH 3/3] remove overflow property change, change back foreground color change --- client/components/RootPage.jsx | 2 +- client/theme.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/client/components/RootPage.jsx b/client/components/RootPage.jsx index 469d27111e..cece68f39e 100644 --- a/client/components/RootPage.jsx +++ b/client/components/RootPage.jsx @@ -12,7 +12,7 @@ const RootPage = styled.div` @media (max-width: 770px) { height: 100%; - overflow: auto; + overflow: hidden; } `; diff --git a/client/theme.js b/client/theme.js index 7f79df1c15..bb2c76b614 100644 --- a/client/theme.js +++ b/client/theme.js @@ -106,7 +106,7 @@ const baseThemes = { border: colors.p5jsPink }, hover: { - foreground: colors.p5jsPink, + foreground: grays.lightest, background: colors.p5jsActivePink, border: colors.p5jsPink },