[Styling] Only text color is inherited in flex layout styling

[unlikelyzero]

Summary

Only text color is inherited in flex layout styling. That is to say that once you create a modification to flex layout styling, child components do not inherit border and background color. This isn't totally explored and there could be other implications.

Expected vs Current Behavior

I would expect that all style properties are inherited. Only textcolor is inherited.

Steps to Reproduce

1. Create a flex layout with a stacked plot within it
2. Edit the flex layout styling for border, backgroundcolor, and text
3. Inspect the stacked plot and note that only the textcolor is applied.

Environment

• Open MCT Version: 3.3.0

Impact Check List

• Data loss or misrepresented data?
• Regression? Did this used to work or has it always been broken?
• Is there a workaround available?
• Does this impact a critical component?
• Is this just a visual bug with no functional impact?
• Does this block the execution of e2e tests?
• Does this have an impact on Performance?

Additional Information

Grep the test e2e codebase for more

[khalidadil]

@unlikelyzero The border and background color applied to a flex layout should be visible on the flex layout itself. The background color should be visible behind a child of the flex layout if that child doesn't have its own background color. Does that sound right @charlesh88? I think otherwise this would be different from how display layouts work.