patternfly / patternfly-design

Use this repo to file all new feature or design change requests for the PatternFly project
114 stars 104 forks source link

Login component enhancement #1317

Open tiyiprh opened 1 month ago

tiyiprh commented 1 month ago

Requesting new features, enhancements, or design changes to PatternFly

- Describe the use cases and requirements of the new feature or enhancement you are requesting. The login component needs some enhancement. On the mobile viewport, it does not seem like there is the ability to scale the logo on the masthead to avoid it getting cut off or a way to only show an icon instead of a full logo - Explain why this feature is needed and/or why these requirements cannot be met using existing components. Currently, the full logo on mobile gets cut off. The existing component does not allow scaling down the logo. image - If this is for specific applications, list them here along with any dates that you need this for. Ansible Automation Platform, GA will be in Oct - Link any detailed design documents, rough sketches, wireframes or workflows. N/A - State whether this is a new feature or an enhancement on an existing pattern by labeling it accordingly Enhancement on existing pattern - If this is an enhancement to an existing feature, identify the feature that you want to modify. https://www.patternfly.org/components/login-page

andrew-ronaldson commented 1 month ago

@mcoker for mobile could we impose a width or max-width on the brand component so this doesn't overflow. This would only be on our smallest breakpoints.

mcoker commented 1 month ago

@tiyiprh do you have a URL where I can see this in the browser? Or a page to the code and logo/image so I can reproduce it on my end?

tiyiprh commented 1 month ago

AAP2LineLightMode @mcoker Here is the SVG - hope this helps!