Skip to content
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.

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

Enhance UI components and navigation #186

Merged
merged 5 commits into from
Dec 19, 2024
Merged

Conversation

atrincas
Copy link
Collaborator

Enhance UI components and navigation

  • Improve search component layout and accessibility
  • Add map resize handling with sidebar state
  • Enhance table styling and interactions
  • Implement feature flags documentation
  • Add methodology page navigation

FE - Design review

Copy link

vercel bot commented Dec 18, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
tnc-blue-carbon-cost-tool-ghps ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 19, 2024 1:01pm

Comment on lines +2 to +21
/** Controls whether users can edit project details and settings in:
* - /projects/custom-project/details
* - /projects/custom-project/summary
*/
"edit-project": false,

/** Controls the visibility and sharing functionality in:
* - /profile
*/
"share-information": false,
/** Controls the project comparison functionality in:
* - /overview/project-details (scorecard ratings and cost estimates comparison)
*/
"project-comparison": false,
/** Controls the actions dropdown functionality in:
* - /my-projects table
*/
"update-selection": false,
/** Controls the visibility of the methodology page */
"methodology-page": false,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👌🏻 👌🏻 👌🏻

Comment on lines 98 to 101
"ramps-green": "#A4B591",
"ramps-yellow": "#F5EBB8",
"ramps-red": "#F7BA93",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could have gone for ramps: { green: '#...', yellow: '#...', } as well 👍🏻

@@ -218,15 +218,15 @@ export default function ToolbarProjectsTable() {
Each metric can go from a scale from low to high:
</p>
<div className="!mt-4 grid grid-cols-3 gap-2 text-center">
<div className="height[fit-content] rounded-md bg-low p-2 text-sky-blue-950">
<div className="height[fit-content] rounded-md bg-ramps-red p-2 text-sky-blue-950">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please, replace height[fit-content] with h-fit.

@atrincas atrincas force-pushed the TBCCT-189-fe-design-review branch from f737a1c to 2721ef2 Compare December 19, 2024 12:57
@atrincas atrincas merged commit 15dec93 into dev Dec 19, 2024
3 checks passed
@atrincas atrincas deleted the TBCCT-189-fe-design-review branch December 19, 2024 13:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants