Bug 1649072

Summary:	Background of top bar gets stretched when window gets resized
Product:	Red Hat Satellite	Reporter:	Perry Gagne <pgagne>
Component:	Branding	Assignee:	satellite6-bugs <satellite6-bugs>
Status:	CLOSED CURRENTRELEASE	QA Contact:	Perry Gagne <pgagne>
Severity:	low	Docs Contact:
Priority:	unspecified
Version:	6.5.0	CC:	inecas, rohoover, sshtein
Target Milestone:	Unspecified	Keywords:	Triaged
Target Release:	Unused
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:	2019-09-04 18:20:35 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:

Description Perry Gagne 2018-11-12 20:50:53 UTC

Description of problem: 
It seems in 6.5 the top bar now has a background image. One thing I noticed that is a little odd is when the window is resized and gets wider the image is stretched to fit it. 

Version-Release number of selected component (if applicable): 6.5.0 snap 3


How reproducible: Always. 


Steps to Reproduce:
1. Watch the background image of the top navbar. 
2. Make browser window smaller and wider


Actual results:
Image gets stretched and appears pixelated as it grows. Also the dot in the background image below "RED HAT SATELLITE" moves around. 

See this screen recording. Keep an eye on the dot right below "Red Hat" Satellite. 
https://drive.google.com/file/d/1r6EVwtshj8Qa3xHEzgazWXY0I-FSxLdf/view?usp=sharing

Expected results:
Not quite sure if we should have visible movement in the background. Also the image should probably be a vector. Is there perhaps someway we could have a "infinite" background? 

Additional info:
The background image seems to be a clipped version of the one of the one on the login screen.

Comment 3 Roxanne Hoover 2018-12-17 20:02:47 UTC

Can we work with the css so that there is a colored background image. When the bar is expanded beyond the size of the image, the matching grey would be expanded, making it a seamlessly scaled background.