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

fix: adjustments to floating images and unordered list markers #628

Merged
merged 7 commits into from
Sep 20, 2024

Conversation

stephiescastle
Copy link
Member

@stephiescastle stephiescastle commented Sep 19, 2024

Checklist

  • Include a description of your pull request and instructions for the reviewer to verify your work.
  • Link to the issue if this PR is issue-specific.
  • Create/update the corresponding story if this includes a UI component.
  • Create/update documentation. If not included, tell us why.
  • List the environments / browsers in which you tested your changes.
  • Tests, linting, or other required checks are passing.
  • PR has an informative and human-readable title
    • PR titles are used to generate the change log in releases; good ones make that easier to scan.
    • PRs will be broadly categorized in the change log, but for even easier scanning, consider prefixing with a component name or other useful categorization, e.g., "BaseButton: fix layout bug", or "Storybook: Update dependencies".
  • PR has been tagged with a SemVer label and a general category label, or skip-changelog.
    • These tags are used to do the aforementioned broad categorization in the change log and determine what the next release's version number should be.
    • Release Drafter will attempt to do the category labeling for you! Please double-check its work.

Description

Addresses feedback:

Changes:

  • Switched from using :before to :marker and using an emdash as the list marker. This allows for correct position of the marker alongside floating images
  • Updated BlockKeyPoints to match
  • Adjusted margins for content with Student Project steps

Instructions to test

  1. make vue-storybook
  2. BlockText story with richtext media: http://localhost:6006/?path=/story/components-blocks-blocktext--rich-text-media&globals=theme:ThemeEdu
  3. BlockText story with subsequent floating images: http://localhost:6006/?path=/story/components-blocks-blocktext--subsequent-floating-images&globals=theme:ThemeEdu
  4. Student Projects story: http://localhost:6006/?path=/story/templates-edu-pageedustudentproject--base-story&globals=theme:ThemeEdu
  5. Key points story: http://localhost:6006/?path=/story/components-blocks-blockkeypoints--base-story

Tested in the following environments/browsers:

Operating System

  • macOS
  • iOS
  • iPadOS
  • Windows

Browser

  • Chrome
  • Firefox ESR
  • Firefox
  • Safari
  • Edge

@github-actions github-actions bot added the bug Something isn't working label Sep 19, 2024
@stephiescastle stephiescastle merged commit f548250 into main Sep 20, 2024
6 checks passed
@stephiescastle stephiescastle deleted the fix/rich-text-images branch September 20, 2024 01:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants