Skip to content

improve community meeting section #559

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Himavarshit18 wants to merge 2 commits into from
+49 −4
Closed

improve community meeting section #559

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
5a0dc1a
Improve Community Meetings page readability
Himavarshit18 Jul 27, 2026
c44507c
Improve Community Meetings page readability
Himavarshit18 Jul 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 11 additions & 3 deletions src/components/layout/CommunityMeetingsCardGrid/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -138,7 +138,7 @@ function CommunityMeetingsCardGrid({ cards }) {
const { meeting_minutes, meeting_recording, date } = props;

return (
<div className="inline-flex justify-around bg-white px-8 py-1 dark:bg-gray-700 dark:shadow-none">
<div className="meeting-dropdown-row bg-white dark:bg-gray-700 dark:shadow-none">
<h3 className="flex-1 pl-1 text-base text-gray-700 dark:text-gray-50">{date}</h3>
<a className="flex-1 no-underline hover:no-underline" href={meeting_recording?.link}>
{meeting_recording?.text}
Expand Down Expand Up @@ -210,15 +210,23 @@ function CommunityMeetingsCardGrid({ cards }) {
/>
<SectionHeader
title=""
description="Most Recent meetings"
description={
index === 0
? "Most Recent Community Meetings"
: "Most Recent Community Cabal Meetings"
}
textGradientStops="from-purple-500 to-purple-700 dark:text-purple-500"
textGradient={false}
/>
<SubcardGrid key={`subcard-grid-${index}`} cards={meetingsData} toggleIsModalOpen={toggleIsModalOpen} />
<Dropdown
options={getDropdownOption(index == 1 ? [...cabalDropdownOptions] : [...MeetingDropdownOptions])}
dropdownRef={meetingMinutesRef[index]}
text="Older meeting details"
text={
index === 0
? "Older Community Meeting Details"
: "Older Community Cabal Meetings Details"
}
/>
<dialog
className="bg-stone-200 w-90-screen h-80-screen fixed top-20 z-50 max-h-screen w-fit border-4 border-purple-100"
Expand Down
39 changes: 38 additions & 1 deletion src/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -165,4 +165,41 @@
[data-theme='light'] img[src$='#gh-dark-mode-only'],
[data-theme='dark'] img[src$='#gh-light-mode-only'] {
display: none;
}
}

/* --------------------------------------------------------- */
/* Divider between Community Meeting and Community Cabal */
/* --------------------------------------------------------- */

/* Add a vertical divider between the Community Meeting and Community Cabal sections */
.custom-card-grid-root {
position: relative;
}

.custom-card-grid-root::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 1px;
background: var(--ifm-color-emphasis-600);
pointer-events: none;
}

/* Improve the layout and readability of dropdown list items */
.meeting-dropdown-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.85rem 1.25rem;
border-bottom: 1px solid var(--ifm-color-emphasis-600);
transition: background-color 0.2s ease;
}

/* Remove the divider from the last dropdown item */
.meeting-dropdown-row:last-child {
border-bottom: none;
}