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

Update the color of rationales #797

Merged
merged 3 commits into from
Nov 16, 2023
Merged

Update the color of rationales #797

merged 3 commits into from
Nov 16, 2023

Conversation

nixterrimus
Copy link
Contributor

Summary:

Updates the color of rationales to match wonderblocks

Issue: https://khanacademy.atlassian.net/browse/LC-1137

Test plan:

  • Verify it looks ok

@nixterrimus nixterrimus self-assigned this Nov 9, 2023
@khan-actions-bot
Copy link
Contributor

khan-actions-bot commented Nov 9, 2023

Gerald

Required Reviewers
  • @Khan/perseus for changes to .changeset/nervous-camels-trade.md, packages/perseus/src/widgets/radio/choice.tsx, packages/perseus/src/widgets/__tests__/__snapshots__/radio.test.ts.snap

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

@khan-actions-bot khan-actions-bot requested a review from a team November 9, 2023 22:10
Copy link
Contributor

github-actions bot commented Nov 9, 2023

npm Snapshot: Published

🎉 Good news!! We've packaged up the latest commit from this PR (2783153) and published it to npm. You
can install it using the tag PR797.

Example:

yarn add @khanacademy/perseus@PR797

Copy link
Contributor

github-actions bot commented Nov 9, 2023

Size Change: +117 B (0%)

Total Size: 863 kB

Filename Size Change
packages/math-input/dist/es/index.js 108 kB -1 B (0%)
packages/perseus-editor/dist/es/index.js 269 kB +91 B (0%)
packages/perseus/dist/es/index.js 404 kB +27 B (0%)
ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 38.1 kB
packages/kmath/dist/es/index.js 4.25 kB
packages/perseus-core/dist/es/index.js 907 B
packages/perseus-error/dist/es/index.js 878 B
packages/perseus-linter/dist/es/index.js 21.8 kB
packages/pure-markdown/dist/es/index.js 3.77 kB
packages/simple-markdown/dist/es/index.js 12.4 kB

compressed-size-action

Copy link

codecov bot commented Nov 13, 2023

Codecov Report

Merging #797 (2783153) into main (af4ebf3) will increase coverage by 1.25%.
Report is 4 commits behind head on main.
The diff coverage is 100.00%.

Additional details and impacted files
@@            Coverage Diff             @@
##             main     #797      +/-   ##
==========================================
+ Coverage   60.67%   61.93%   +1.25%     
==========================================
  Files         483      486       +3     
  Lines      105853   105898      +45     
  Branches     6225     8918    +2693     
==========================================
+ Hits        64226    65586    +1360     
+ Misses      41627    40312    -1315     

Impacted file tree graph

Files Coverage Δ
packages/perseus/src/widgets/radio/choice.tsx 97.49% <100.00%> (+<0.01%) ⬆️

... and 36 files with indirect coverage changes


Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update af4ebf3...2783153. Read the comment docs.

Copy link
Collaborator

@jeremywiebe jeremywiebe left a comment

Choose a reason for hiding this comment

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

Good stuff! Just one comment related to what looks like related .less styles for rationales.

@@ -346,6 +346,7 @@ const styles = StyleSheet.create({
padding: intermediateCheckboxPadding,
paddingTop: 0,
marginLeft: 54,
color: Color.offBlack64,
Copy link
Collaborator

Choose a reason for hiding this comment

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

There are two references to rationales in our .less styles:

  1. .text(@choiceTextSize, @choiceLineHeight, @gray17);
  2. .text(@choiceTextSize, @choiceLineHeight, @gray17);

These are in Article styles. Just wanted to check if you verified this in Articles. The styles you've added here likely override those .less styles, but it might be useful to clean them up just so we don't introduce a regression at some point in the future if we move this color style for some reason.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I'm nervous to take these out because I'm afraid of strange CSS-at-a-distance meaning that these are used in ways I don't understand in prod.

@nixterrimus nixterrimus merged commit 021f946 into main Nov 16, 2023
12 checks passed
@nixterrimus nixterrimus deleted the new/rationale-color branch November 16, 2023 17:53
jeremywiebe pushed a commit that referenced this pull request Nov 27, 2023
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.


# Releases
## @khanacademy/[email protected]

### Minor Changes

-   [#811](#811) [`bca527ab`](bca527a) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Bump all Wonder Blocks dependencies to latest

## @khanacademy/[email protected]

### Minor Changes

-   [#797](#797) [`021f9462`](021f946) Thanks [@nixterrimus](https://github.com/nixterrimus)! - Change the rational color in radio widget


-   [#811](#811) [`bca527ab`](bca527a) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Bump all Wonder Blocks dependencies to latest

### Patch Changes

-   [#808](#808) [`8358da80`](8358da8) Thanks [@SonicScrewdriver](https://github.com/SonicScrewdriver)! - Removing unnecessary conflicting CSS for #problemarea.


-   [#813](#813) [`691d29b4`](691d29b) Thanks [@SonicScrewdriver](https://github.com/SonicScrewdriver)! - Removing unused CSS from #problemarea.


-   [#812](#812) [`6d31e044`](6d31e04) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Fix 'focus' parameter on Renderer's setInputValue function to be optional.

-   Updated dependencies \[[`57e0e18b`](57e0e18), [`57e0e18b`](57e0e18), [`bca527ab`](bca527a)]:
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Minor Changes

-   [#811](#811) [`bca527ab`](bca527a) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Bump all Wonder Blocks dependencies to latest

### Patch Changes

-   [#808](#808) [`8358da80`](8358da8) Thanks [@SonicScrewdriver](https://github.com/SonicScrewdriver)! - Removing unnecessary conflicting CSS for #problemarea.

-   Updated dependencies \[[`8358da80`](8358da8), [`691d29b4`](691d29b), [`021f9462`](021f946), [`bca527ab`](bca527a), [`6d31e044`](6d31e04)]:
    -   @khanacademy/[email protected]

## @khanacademy/[email protected]

### Minor Changes

-   [#802](#802) [`57e0e18b`](57e0e18) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Remove unused dependencies: size-limit and uglify-js


-   [#802](#802) [`57e0e18b`](57e0e18) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Remove unused dependencies: size-limit and uglify-js

## @khanacademy/[email protected]

### Patch Changes

-   Updated dependencies \[[`57e0e18b`](57e0e18), [`57e0e18b`](57e0e18)]:
    -   @khanacademy/[email protected]

## [email protected]

### Minor Changes

-   [#802](#802) [`57e0e18b`](57e0e18) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Adjust builds so that less handles math the way it did in older versions.

Author: khan-actions-bot

Reviewers: jeremywiebe

Required Reviewers:

Approved By: jeremywiebe

Checks: ✅ codecov/project, ✅ codecov/patch, ✅ Upload Coverage, ⏭  Publish npm snapshot, ✅ Lint, Typecheck, Format, and Test (ubuntu-latest, 16.x), ✅ Extract i18n strings (ubuntu-latest, 16.x), ✅ Cypress (ubuntu-latest, 16.x), ✅ Check for .changeset entries for all changed files (ubuntu-latest, 16.x), ✅ Check builds for changes in size (ubuntu-latest, 16.x), ✅ Publish Storybook to Chromatic (ubuntu-latest, 16.x), ✅ Jest Coverage (ubuntu-latest, 16.x), ✅ gerald

Pull Request URL: #803
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.

3 participants