From d1284c48f6f5b5fb627edd0730f1609dc0ebfbc4 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 14 Mar 2026 17:19:13 +0000 Subject: [PATCH 1/3] Initial plan From 788d063b9f35e8e31c8ac380362a75e4be37f7d9 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 14 Mar 2026 17:32:11 +0000 Subject: [PATCH 2/3] Fix profile page mobile overflow: responsive padding, overflow constraints, and word-break Co-authored-by: gregv <6913307+gregv@users.noreply.github.com> --- src/components/Profile/GitHubContribution.js | 14 +++++++------- src/components/Profile/Profile.js | 14 +++++++------- src/components/Profile/PublicProfile.js | 2 +- src/components/Profile/RaffleEntries.js | 2 +- .../Profile/ShareableGitHubContributions.js | 4 ++-- src/components/feedback-lite.js | 10 ++++++++-- src/styles/components/grids/profile-grid.css | 1 + src/styles/profile/styles.js | 17 +++++++++++++---- 8 files changed, 40 insertions(+), 24 deletions(-) diff --git a/src/components/Profile/GitHubContribution.js b/src/components/Profile/GitHubContribution.js index e38dd9e..e01cda6 100644 --- a/src/components/Profile/GitHubContribution.js +++ b/src/components/Profile/GitHubContribution.js @@ -70,34 +70,34 @@ const GitHubContributions = ({ githubHistory }) => { }); return ( - - - + + + GitHub Contributions for @{githubHistory[0].login} - + } label={`${totalCommits} Commits`} color="primary" /> - + } label={`${totalPRs} Pull Requests`} color="secondary" /> - + } label={`${totalIssues} Issues`} color="info" /> - + } label={`${totalReviews} Reviews`} diff --git a/src/components/Profile/Profile.js b/src/components/Profile/Profile.js index f677572..761f4f2 100644 --- a/src/components/Profile/Profile.js +++ b/src/components/Profile/Profile.js @@ -544,13 +544,13 @@ export default function Profile(props) { return ( - + Profile - Opportunity Hack Developer Portal {isLoggedIn ? ( - + {/* Header Section */} {isLoading ? ( @@ -687,7 +687,7 @@ export default function Profile(props) { - + {/* Basic Information Tab */} @@ -697,7 +697,7 @@ export default function Profile(props) { Tell us more about yourself and why you're here with Opportunity Hack. - + {isLoading ? ( @@ -866,7 +866,7 @@ export default function Profile(props) { Your Impact & Achievements - + {isLoading ? ( @@ -930,7 +930,7 @@ export default function Profile(props) { We occasionally send swag to our active members. Please provide your shipping details if you'd like to receive some OHack goodies! - + {isLoading ? ( @@ -965,7 +965,7 @@ export default function Profile(props) { Shipping Address - + { Basic Information - + {/* GitHub Username */} { const mostRecentEntry = giveawayEntries[0]; return ( - + Giveaway Entries diff --git a/src/components/Profile/ShareableGitHubContributions.js b/src/components/Profile/ShareableGitHubContributions.js index 90f8b26..fb6ef22 100644 --- a/src/components/Profile/ShareableGitHubContributions.js +++ b/src/components/Profile/ShareableGitHubContributions.js @@ -70,7 +70,7 @@ const ShareableGitHubContributions = ({ githubHistory, userName }) => { { Repositories Contributed To ({uniqueRepos.length}) - {uniqueRepos.join(", ")} + {uniqueRepos.join(", ")} diff --git a/src/components/feedback-lite.js b/src/components/feedback-lite.js index 2a791bc..5a5d1a2 100644 --- a/src/components/feedback-lite.js +++ b/src/components/feedback-lite.js @@ -57,14 +57,20 @@ export default function FeedbackLite ( {feedback_url, history} ){ const MAX_HEARTS = 10; - const StyledRating = styled(Rating)({ + const StyledRating = styled(Rating)(({ theme }) => ({ '& .MuiRating-iconFilled': { color: '#ff6d75', }, '& .MuiRating-iconHover': { color: '#ff3d47', }, - }); + flexWrap: 'wrap', + [theme.breakpoints.down('sm')]: { + '& .MuiRating-icon': { + fontSize: '1.2rem', + }, + }, + })); /* This is meant to be embedded on other pages which is why it's called "Lite" diff --git a/src/styles/components/grids/profile-grid.css b/src/styles/components/grids/profile-grid.css index 75747e6..9954ece 100644 --- a/src/styles/components/grids/profile-grid.css +++ b/src/styles/components/grids/profile-grid.css @@ -74,6 +74,7 @@ .profile__details { margin-top: 1.6rem; overflow-x: hidden; + max-width: 100%; word-wrap: break-word; overflow-wrap: break-word; } diff --git a/src/styles/profile/styles.js b/src/styles/profile/styles.js index 1a15be3..9dba759 100644 --- a/src/styles/profile/styles.js +++ b/src/styles/profile/styles.js @@ -5,15 +5,22 @@ export const LayoutContainer = styling(Grid)(({ theme }) => ({ justifyContent: "center", alignItems: "center", paddingTop: "6rem", + overflowX: "hidden", + maxWidth: "100%", [theme.breakpoints.down("sm")]: { paddingTop: "2rem", }, })); -export const InnerContainer = styling(Grid) ({ - width: "95%" - -}) +export const InnerContainer = styling(Grid)(({ theme }) => ({ + width: "95%", + maxWidth: "100%", + boxSizing: "border-box", + overflowX: "hidden", + [theme.breakpoints.down("sm")]: { + width: "100%", + }, +})) export const ProfileAvatar = styling("img")({ borderRadius: "10rem", @@ -21,6 +28,8 @@ export const ProfileAvatar = styling("img")({ export const ProfileContainer = styling(Grid)(({ theme }) => ({ padding: "1rem", + boxSizing: "border-box", + maxWidth: "100%", [theme.breakpoints.down("sm")]: { padding: "0.5rem", }, From f4c2ab07ba3613f4afe249528545058d20f80b3e Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 14 Mar 2026 17:33:44 +0000 Subject: [PATCH 3/3] Remove redundant inline sx styles that duplicate styled component definitions Co-authored-by: gregv <6913307+gregv@users.noreply.github.com> --- src/components/Profile/Profile.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Profile/Profile.js b/src/components/Profile/Profile.js index 761f4f2..d1da023 100644 --- a/src/components/Profile/Profile.js +++ b/src/components/Profile/Profile.js @@ -544,13 +544,13 @@ export default function Profile(props) { return ( - + Profile - Opportunity Hack Developer Portal {isLoggedIn ? ( - + {/* Header Section */} {isLoading ? (