Bug 2029977
| Summary: | Logos in Dev Catalog are skewed | ||||||
|---|---|---|---|---|---|---|---|
| Product: | OpenShift Container Platform | Reporter: | Serena <sdoyle> | ||||
| Component: | Dev Console | Assignee: | Jaivardhan Kumar <jakumar> | ||||
| Status: | CLOSED ERRATA | QA Contact: | spathak <spathak> | ||||
| Severity: | medium | Docs Contact: | |||||
| Priority: | high | ||||||
| Version: | 4.9 | CC: | abhindas, aos-bugs, cjerolim, cvogt, jakumar, nmukherj | ||||
| Target Milestone: | --- | ||||||
| Target Release: | 4.11.0 | ||||||
| Hardware: | Unspecified | ||||||
| OS: | Unspecified | ||||||
| Whiteboard: | |||||||
| Fixed In Version: | Doc Type: | If docs needed, set a value | |||||
| Doc Text: | Story Points: | --- | |||||
| Clone Of: | Environment: | ||||||
| Last Closed: | 2022-09-28 05:57:37 UTC | Type: | Bug | ||||
| Regression: | --- | Mount Type: | --- | ||||
| Documentation: | --- | CRM: | |||||
| Verified Versions: | Category: | --- | |||||
| oVirt Team: | --- | RHEL 7.3 requirements from Atomic Host: | |||||
| Cloudforms Team: | --- | Target Upstream Version: | |||||
| Embargoed: | |||||||
| Attachments: |
|
||||||
@cvogt I think you mentioned this may be a PF issue, please add relevant notes here. Also, this should be backported once we have a fix. The PF catalog item has a max width and a fixed height for the logo. This results in a distortion when the image is wider than the max available width. The image should only be constrained in size in one direction instead of both. That way the image can resize to fill the available space while maintaining the correct ratio. Logged issue https://github.com/patternfly/patternfly-quickstarts/issues/147 for patternfly-quickstarts Logged issue for Patternfly https://github.com/patternfly/patternfly-react/issues/7113 This styles are also applied by the patternfly Quickstart
catalog-tile-pf-icon { //from patternfly quickStarts
font-size: 40px;
height: 40px;
max-width: 60px;
min-width: 40px;
}
.catalog-tile-pf-icon { // from patternfly catalog
font-size: 40px;
height: 40px;
max-width: 60px;
min-width: 40px;
}
This is fixed when we implemented the dark theme support with 4.11. Since the problem described in this bug report should be resolved in a recent advisory, it has been closed with a resolution of ERRATA. For information on the advisory (OpenShift Container Platform 4.11.6 bug fix update), and where to find the updated files, follow the link below. If the solution does not work for you, open a new bug report. https://access.redhat.com/errata/RHBA-2022:6659 |
Created attachment 1845112 [details] Logo is skewed Description of problem: Some logos in the Dev Catalog are skewed (disproportional). Although this is visual and does not affect the ability to perform an action, it is a bad user experience. Based on the size/shape of the supplied logos provided for the operator backed services, we could be mistakenly altering the logo. This is an issue for Red Hat brand as well as partner/ISVs. Version-Release number of selected component (if applicable): How reproducible: Very reproducible with SOME of the icons. Steps to Reproduce: 1.Be sure that RH Data Science operator is installed 2.Go to Dev Perspective 3.Make sure you are in a project 4.Go to Add -> Operator Backed Services 5. Search for Science Actual results: Expected results: Additional info: