Bug/3474 #3647
Bug/3474 #3647
Conversation
src/style/_layout.scss
Outdated
| @@ -251,9 +251,11 @@ | |||
| { | |||
| font-size: 16px; | |||
|
|
|||
| display: flex; | |||
There was a problem hiding this comment.
Any reason why display: flex was removed? AFAIK, the flex property doesn't implicitly trigger display: flex on the element.
There was a problem hiding this comment.
The flex context is enabled via its direct parent and I didn't see a reason for the context to be passed further down to its children. So I removed it as unnecessary. It does no harm to keep it, if you foresee a future need for it.
Changed "break-word" to "break-all" as this is standard across all browsers and results with consistent behavior.
There was a problem hiding this comment.
Tested - the changes look better than the current baseline. Still not great (true responsiveness is something we definitely don't have - keep in mind we officially don't support below ~768px width today), but better!
Thanks @JoshuaWhatley!
|
No problem, happy to help! I didn't know about the ~768px minimum. I will keep that in mind moving forward. |
Fixing #3474
This styling issue is more prevalent on smaller devices and/or when the operation paths are very long:
Current petstore:
New petstore:
