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

edit overflow guidelines #3038

Merged
merged 6 commits into from
Jul 11, 2022
Merged

edit overflow guidelines #3038

merged 6 commits into from
Jul 11, 2022

Conversation

ssalice9
Copy link
Collaborator

closes #3029

@ssalice9 ssalice9 requested a review from mmenestr June 30, 2022 19:42
* Use an overflow menu in a table toolbar to group a number of actions and create visual space. Avoid having more than 3 actions fully displayed within a toolbar.


<img src="./img/toolbaroverflow.png" alt="image showing toolbar overflow" width="1765" />
Copy link
Collaborator

Choose a reason for hiding this comment

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

I think this build is failing because you don't need the . at the beginning of the image src url.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

hmm, I've used the same format on other images and it worked fine! I can try that though! Margot mentioned it may have something to do with issues our symbols library has been having and how the black boxes within pagination are causing issues.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Okay wait I just went back into VSC and all the additional content I added is no longer there. not sure why that happened, hahah but I'm assuming that could be part of the problem. Going back now

<img src="./img/tableoverflow.png" alt="image showing table with overflow" width="2315" />
* Use an overflow menu within a card component to present additional menu options or provide action links.

<img src="./img/card.png" alt="image showing card overflow" width="370" />
Copy link
Collaborator

Choose a reason for hiding this comment

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

Idk if this could be causing the whole problem but it looks like the actual image file is called "Card.png" with a capital C, but in this img you're calling it with "card.png" lower case C. I'd just adjust that and see if it makes a difference?

@patternfly-build
Copy link
Contributor

patternfly-build commented Jul 7, 2022

nicolethoen
nicolethoen previously approved these changes Jul 7, 2022
@mmenestr
Copy link
Collaborator

mmenestr commented Jul 7, 2022

@ssalice9 looks good but the images have the black squares in them, so just need to replace them! Maybe with all the stuff we did it didn't take in the new images? I'm not sure

Also would update the "Example" header to "When to use" and follow the regular structure for that- you can keep the images as is but we shouldn't stray from the classic when to use vs when not to use headers IMO

@nicolethoen
Copy link
Collaborator

hm... something still feels off - you have two copies of the overflow-menu guidelines in this PR.

@ssalice9
Copy link
Collaborator Author

ssalice9 commented Jul 8, 2022 via email

@mmenestr mmenestr merged commit a9ba4fd into patternfly:main Jul 11, 2022
mcarrano added a commit to mcarrano/patternfly-org that referenced this pull request Jul 19, 2022
…nto text-input-group

* 'main' of https://github.com/patternfly/patternfly-org: (170 commits)
  chore(release): releasing packages [ci skip]
  Updates button info architecture to align with guidelines. (patternfly#3061)
  Card design guideline changes. (patternfly#3087)
  chore(release): releasing packages [ci skip]
  iss3078 (patternfly#3079)
  chore(release): releasing packages [ci skip]
  changing alert guidelines (patternfly#3064)
  chore(release): releasing packages [ci skip]
  mastshead (patternfly#3062)
  chore(release): releasing packages [ci skip]
  jumplink (patternfly#3051)
  chore(release): releasing packages [ci skip]
  calendar (patternfly#3058)
  chore(release): releasing packages [ci skip]
  feat(doc-framework): add dark theme toggle for full page examples (patternfly#3056)
  chore(release): releasing packages [ci skip]
  edit overflow guidelines (patternfly#3038)
  chore(release): releasing packages [ci skip]
  docs(a11y): create template for a11y docs (patternfly#3019)
  docs(Tooltip): add a11y docs (patternfly#2892)
  ...

# Conflicts:
#	packages/v4/patternfly-docs/content/design-guidelines/components/text-input-group/img/attribute-value-filter.png
#	packages/v4/patternfly-docs/content/design-guidelines/components/text-input-group/img/auto-complete-search.png
#	packages/v4/patternfly-docs/content/design-guidelines/components/text-input-group/img/text-input-elements.png
#	packages/v4/patternfly-docs/content/design-guidelines/components/text-input-group/text-input-group.md
jessiehuff pushed a commit to jessiehuff/patternfly-org that referenced this pull request Oct 24, 2022
* edit overflow guidelines

* edit overflow guidelines

* edit overflow guidelines

* overflow typo

* overflow edits

* overflow
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.

Add guidelines for overflow menu
4 participants