Skip to content

Change p.question to h2.question and q-label to h3.subsquestion#558

Merged
abelsiqueira merged 2 commits intodevfrom
523-q-label
Jun 9, 2022
Merged

Change p.question to h2.question and q-label to h3.subsquestion#558
abelsiqueira merged 2 commits intodevfrom
523-q-label

Conversation

@abelsiqueira
Copy link
Copy Markdown
Collaborator

Pull request details

List of related issues or pull requests

Refs:

Describe the changes made in this pull request

Changes <p class="question"> to <h2 class="question"> and <q-label ... to <h3 class="subquestion">.
Add style for .subquestion to be almost the same as .question, but with 0 margin and smaller font-size. Also changes the line-height of .question, .subquestion to normal, since h* had a different value.

Instructions to review the pull request

  • Review preview
  • Check classes
  • grep question for missing <p> elements.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 9, 2022

Once the build has completed, you can preview your PR at this URL: https://cffinit.netlify.app/PR558/

Comment thread src/css/app.css Outdated
Comment on lines +178 to +189
.question, .subquestion {
font-family: "Roboto Condensed", sans-serif;
color: #333;
font-size: 1.1rem;
font-weight: 400;
margin-top: 12px;
margin-bottom: 7px;
line-height: normal;
}
.subquestion {
font-size: 0.9rem;
margin: 0px;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I prefer to have two separate, complete class definitions with the same keys but different values.

Additionally, should we define a prose color variable in quasar.conf.js, it seems that we're using #333 for all the prose (we already have a variable dark: #333 but I'd like to not reuse that because we use that in elements that are semantically different)

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

Done

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 9, 2022

Once the build has completed, you can preview your PR at this URL: https://cffinit.netlify.app/PR558/

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 9, 2022

Once the build has completed, you can preview your PR at this URL: https://cffinit.netlify.app/PR558/

@abelsiqueira abelsiqueira requested a review from jspaaks June 9, 2022 09:22
Copy link
Copy Markdown
Member

@jspaaks jspaaks left a comment

Choose a reason for hiding this comment

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

Looks great, thanks for making this

@abelsiqueira
Copy link
Copy Markdown
Collaborator Author

Thank you for the review.

@abelsiqueira abelsiqueira merged commit c25af1a into dev Jun 9, 2022
@abelsiqueira abelsiqueira deleted the 523-q-label branch June 9, 2022 11:01
@abelsiqueira abelsiqueira mentioned this pull request Jun 9, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants