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

Making headers clickable and aligning text #151

Closed
wants to merge 1 commit into from
Closed

Conversation

morganick
Copy link
Contributor

@morganick morganick commented Mar 26, 2024

Problem

While I was reviewing a recipe, I noticed the new recipe title and Ignite title were not clickable. They were they same color as the links on the page and I kept trying to click them each time I visited.

Solution

Make the headers links for ease of navigation. Also align the text between the two columns so they have the same visual cadence. I'm using xScope for the guilds so you can seen the alignment.

Before After
image image
plain_headers.mov
linked_headers.mov
Simulator Screenshot - iPhone 15 Pro - 2024-03-26 at 13 23 35
mobile_linked_headers.mov

@morganick morganick self-assigned this Mar 26, 2024
@morganick morganick added the enhancement New feature or request label Mar 26, 2024
@morganick morganick requested review from cdanwards, lindboe, kateinkim and yulolimum and removed request for cdanwards and lindboe March 26, 2024 17:30

// Bringing in the styles from the `pages/index.module.css` file to not have to duplicate the styles (nothing is new in this component)
import styles from "../../pages/index.module.css";
import * as Arrow from "@site/static/img/arrow.svg";
import styles from "../../pages/index.module.css"
Copy link
Contributor

Choose a reason for hiding this comment

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

A lot of this looks like conflicting formatter churn. Can we either:

a. avoid committing the code style changes (I'm assuming this means disable your default formatting settings that you may have in your editor for this workspace)
b. add configuration to the project to use for formatting

I personally prefer option A, because I don't want to maintain more formatting config than I have to, but low GAFO.

@morganick morganick closed this Mar 26, 2024
@morganick morganick deleted the ui/header-links branch March 26, 2024 17:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants