This is an automated email from the ASF dual-hosted git repository. visortelle pushed a commit to branch always-show-all-committers in repository https://gitbox.apache.org/repos/asf/pulsar-site.git
commit 82d4ceea9b26f3359a73c3c02f9b33c6a375c250 Author: visortelle <[email protected]> AuthorDate: Tue Mar 19 20:53:48 2024 +0400 Always show all committers --- .../pages/CommunityPage/CommunityPage.module.css | 26 +++------------------- .../pages/CommunityPage/CommunityPage.tsx | 16 ++----------- 2 files changed, 5 insertions(+), 37 deletions(-) diff --git a/src/components/pages/CommunityPage/CommunityPage.module.css b/src/components/pages/CommunityPage/CommunityPage.module.css index f26713eeb8d5..8cb668479bd8 100644 --- a/src/components/pages/CommunityPage/CommunityPage.module.css +++ b/src/components/pages/CommunityPage/CommunityPage.module.css @@ -282,7 +282,7 @@ @media(min-width: 1000px){ .CommunityMembersBig, .CommunityMembersSmall{ width: 50%; - } + } } .CommunityAbout{ background-color: var(--green-2); @@ -436,18 +436,11 @@ @media(min-width:1000px){ .CommunityMembersDesktop{ - display: flex; - flex-wrap: wrap; - position: relative; - height: 30rem; - overflow: hidden; - } - .CommunityMembersDesktopOpen{ display: flex; flex-wrap: wrap; position: relative; height: auto; - padding-bottom: 9rem; + padding-bottom: 7rem; } .CommunityMembersMobile{ display: none; @@ -464,24 +457,11 @@ bottom: 0; left: 0; background: var(--gray-5-); - padding: 3rem 0; + padding-bottom: 3rem; } .CommunityMembersShowMore a { text-decoration: none; } - .CommunityMembersShowMore::before{ - content: " "; - display: block; - position: absolute; - width: 100%; - top: -4.5rem; - left: 0; - height: 4.5rem; - background: linear-gradient(transparent, var(--gray-5-)); - } - .CommunityMembersDesktopOpen .CommunityMembersShowMore::before{ - display: none; - } .CommunityMembersMember:nth-of-type(3n-2){ padding:0.75rem 0.75rem 0.75rem 0; } diff --git a/src/components/pages/CommunityPage/CommunityPage.tsx b/src/components/pages/CommunityPage/CommunityPage.tsx index 10b24e860bd5..25537bcd7f6d 100644 --- a/src/components/pages/CommunityPage/CommunityPage.tsx +++ b/src/components/pages/CommunityPage/CommunityPage.tsx @@ -14,16 +14,6 @@ import Button from "@site/src/components/ui/Button/Button"; import _ from 'lodash' export default function CommunityPage(): JSX.Element { - const [isShowMorePMC, setIsShowMorePMC] = useState(false); - const showMorePMCButton = ( - <Button title={isShowMorePMC ? 'Show less' : 'Show more'} variant="transparentWhite" onClick={() => setIsShowMorePMC(!isShowMorePMC)} /> - ); - - const [isShowMoreCmtrs, setIsShowMoreCmtrs] = useState(false); - const showMoreCmtrsButton = ( - <Button title={isShowMoreCmtrs ? 'Show less' : 'Show more'} variant="transparentWhite" onClick={() => setIsShowMoreCmtrs(!isShowMoreCmtrs)} /> - ); - // Shuffle the team members so that the order is different each time the page is loaded const pmcMembers = useMemo(() => _.shuffle(team.pmc), [team.pmc]); const committers = useMemo(() => _.shuffle(team.committers), [team.committers]); @@ -167,12 +157,11 @@ export default function CommunityPage(): JSX.Element { <br /> <h4>{pmcMembers.length} PMC members</h4> <div> - <div className={(isShowMorePMC ? s.CommunityMembersDesktopOpen : s.CommunityMembersDesktop)}> + <div className={s.CommunityMembersDesktop}> {(pmcMembers || []).map((member) => ( <MemberCard key={member.apacheId} member={member} /> ))} <div className={s.CommunityMembersShowMore}> - {showMorePMCButton} <Button title="Go to Github" variant="cleanInvert" href="https://github.com/apache/pulsar"; target="_blank" icon={useBaseUrl("/img/gotoi.svg")} /> </div> </div> @@ -192,12 +181,11 @@ export default function CommunityPage(): JSX.Element { </div> <h4>{committers.length} Committers</h4> <div> - <div className={(isShowMoreCmtrs ? s.CommunityMembersDesktopOpen : s.CommunityMembersDesktop)}> + <div className={s.CommunityMembersDesktop}> {(committers || []).map((member, i) => ( <MemberCard key={member.apacheId} member={member} /> ))} <div className={s.CommunityMembersShowMore}> - {showMoreCmtrsButton} <Button title="Go to Github" variant="cleanInvert" href="https://github.com/apache/pulsar"; target="_blank" icon={useBaseUrl("/img/gotoi.svg")} /> </div> </div>
