americanmedicalassociation / ama-style-guide Goto Github PK

The readme should have a snippet that end users can include in their header that links to the proper css and JS files

*Will be adding from the Account Management Center

Task: Default dropdown style for element in firefox needs to be removed Description The default dropdown style for element in firefox needs to be removed.

Steps to Reproduce

Open a file with a element in firefox to see the issue. Here is a screenshot of it in the Join & Renew Project: Expected Result I expect to see the default drowndown arrow that firefox uses for elements gone, with just the image of a dropdown arrow that is in the stylguide remaining. Here is what the fix looks like in the Join & Renew project:

Actual Result

I am seeing the expected result.

Relevant Screenshots/GIFs

Please see the above screenshots.

Additional Notes

Anything more to add? Nope!

Task/Feature Request

No pattern needs to be created. These three lines of code need to be added to the forms.scss file in the styles for the select element:
-moz-appearance: none; /removes default dropdown arrow in Firefox/
text-indent: 0.01px; /removes default dropdown arrow in Firefox/
text-overflow: ''; /removes default dropdown arrow in Firefox/

Components of the pattern

Ex:

• Molecule 1
  • Atom 1
  • Atom 2
• Molecule 2
  • Atom 1
  • Atom 2

User Story

Ex:

• As an anonymous user
• I want to see this organism on this page
• so that I can know things that the organism is supposed to tell me.

Acceptance Criteria

When I open an AMA page on firefox, I should not see firefox's default dropdown arrow. I should only see the dropdown icon used in the AMA styleguide.

*Will be adding from the Account Management Center

*Will be adding from the Account Management Center

• Successful follow State
• Successful unfollow State

Task?

Remove all padding and margins to reduce height of wayfinder.
Link content will determine height of wayfinder

Description

UX team has determined that the wayfinder height is too much and occupies too much of the page. They would like to reduce the wayfinder height to the bare minimum.

Steps to Reproduce

Go to https://d8test.ama-assn.org/

Expected Result

Wayfinder slimmed down

Actual Result

Wayfinder too fat

Relevant Screenshots/GIFs

Additional Notes

n/a

Task/Feature Request

Wayfinder in styleguide needs to be updated per request. This then will get consumed by D8 when it's built.

Components of the pattern

Organism/global/wayfinder
Organism/global/wayfinder-referred

User Story

n/a

Acceptance Criteria

Wayfinder is slim and expands with link content.

Task/Feature Request

Request to document the git workflow typically used including rebasing.

This is more notes and stuff.

title maybe?

End users shouldn't need to run gulp to generate CSS files. Let's make a gulp command to generate those and then push the packaged version to the repo.

*Will be adding from the Account Management Center

Closed Menu

Opened Menu

*Will be adding from the Account Management Center