openstack/tripleo-ui
Code Issues Proposed changes

Fix ModalPanel in Firefox

Browse Source 
As explained here: https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
Flex items need to have min -height/width set to 0 to allow
children overflow property to work

Closes-Bug: #1754098
Change-Id: Ib1c4765cbdf12e66f98a336e6f3cc85e721db1f0
This commit is contained in:
Jiri Tomasek 2018-03-07 17:50:53 +01:00
parent 2a5536ef93
commit 2077c45819
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/less/ui/ModalPanel.less
View File

@ -57,11 +57,11 @@
display: flex;
flex-direction: column;
height: 100%;
min-height: 0, // https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
}
.flex-row {
display: flex;
flex-wrap: wrap;
height: 100%;
overflow-y: auto; // important for correct responsive behavior
}