Skip to content

docs: add clarity on how to use bullseye layout #1136

Merged
starryeyez024 merged 6 commits intomasterfrom
fix-bullseye-layout
Oct 15, 2020
Merged

docs: add clarity on how to use bullseye layout #1136
starryeyez024 merged 6 commits intomasterfrom
fix-bullseye-layout

Conversation

@starryeyez024
Copy link
Copy Markdown
Member

@starryeyez024 starryeyez024 commented Oct 8, 2020

Component name

  • pfe-styles

Preview

What has changed and why

  • the bullseye container has a height of 100% which means it should be the only child in the parent container. Updated docs / demo to show this.

Ready-for-merge Checklist

Check off items as they are completed. Feel free to delete items if they are not applicable.

  • Expected files: all files in this pull request are related to one request or issue (no stragglers or scope-creep).
  • Repository compiles and tests pass.
  • Documentation (README.md, WHY.md, etc.) updated or added.

Merging

Please squash when merging and ensure your commit message uses conventional commit formatting.

Be sure to share your updates with the patternfly-elements-contribute@redhat.com mailing list!

@castastrophe
Copy link
Copy Markdown
Contributor

To center an item inside a container, I think it makes sense to make it 100% or flex-grow: 1 if that container is set to flex too.

@castastrophe castastrophe added size: sm Sizing label; indicates a quick, relatively easy task styles An issue or PR pertaining only to CSS/Sass labels Oct 8, 2020
@castastrophe castastrophe changed the title Bullseye has layout issues fix: bullseye has layout issues Oct 8, 2020
…y-elements into fix-bullseye-layout

* 'fix-bullseye-layout' of github.com:patternfly/patternfly-elements:
  chore(deps-dev): bump husky from 1.3.1 to 4.3.0 (#1131)
  chore(deps-dev): [security] bump lodash from 4.17.15 to 4.17.20 (#1128)
  chore(deps-dev): bump @wdio/mocha-framework from 6.4.0 to 6.5.0 (#1129)
  chore(deps-dev): bump @storybook/addon-viewport from 5.3.8 to 6.0.26 (#1132)
  chore: Update automerge logic (#1133)
  feat: Migrate tests to GitHub Actions (#1119)
@castastrophe castastrophe added the demo Updating demo pages label Oct 8, 2020
@starryeyez024 starryeyez024 changed the title fix: bullseye has layout issues fix: add clarity on how to use bullseye layout Oct 8, 2020
Comment thread CHANGELOG-prerelease.md Outdated
@castastrophe castastrophe changed the title fix: add clarity on how to use bullseye layout docs: add clarity on how to use bullseye layout Oct 8, 2020
@markcaron markcaron self-requested a review October 15, 2020 15:04
Copy link
Copy Markdown
Contributor

@markcaron markcaron left a comment

Choose a reason for hiding this comment

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

Los Guapos Tomamos Mezcal

@starryeyez024 starryeyez024 merged commit ba9a1a7 into master Oct 15, 2020
@starryeyez024 starryeyez024 deleted the fix-bullseye-layout branch October 15, 2020 17:05
@markcaron
Copy link
Copy Markdown
Contributor

I did. The bullseye seemed to work fine on Edge, 11, FF, Chrome and Safari. I don't see a checklist either, am I missing any browsers you all check specifically beyond "the big 5"?

@starryeyez024
Copy link
Copy Markdown
Member Author

Since no code changed in this PR (docs only) it was exempt from browser testing, so I removed the normal list of browsers.

@castastrophe
Copy link
Copy Markdown
Contributor

Yeah I saw that, that's why I deleted the comment. I was out-of-date with the direction the PR took.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

demo Updating demo pages size: sm Sizing label; indicates a quick, relatively easy task styles An issue or PR pertaining only to CSS/Sass

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants