Please sign in to comment.
[FIX] portal, *: odd sidebar on IE11
* account, sale Open a quotation from the portal using IE11. The sidebar is rendered as it did not have any width. What we are trying to achieve on large screens is to create a sidebar with a fix width the size of its children and to let the rest of the content (right to the sidebar) expands. On small screens we want to invert the direction from left-to-right to up-to-bottom. The classes `col-12`, `col-lg` and `flex-lg-grow-0` are used to fulfill that purpose. The problem is due to the rule `flex-grow: 0 !important` applied by the selector `.flex-lg-grow-0` on the sidebar. On Chrome/Firefox the dom element takes the width of his children as minimal width, the `flex-grow: 0` does not shrink the element below that minimal width. IE11 does not set a minimal width based on the child elements of the node, the width is equal to 0 and the `flex-grow: 0` forbid it from growing. The solution is to replace the said classes by the `col-lg-auto` class that does exactly what we want and is cross-browser. opw-1944188 opw-1935087
- Loading branch information...
Showing with 3 additions and 3 deletions.