Fix IE10 flexbox

pull/602/head
Thibaut Courouble 8 years ago
parent 684355cc52
commit c97458880c

@ -80,9 +80,13 @@
// //
._intro { ._intro {
display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-direction: column;
flex-direction: column; flex-direction: column;
-ms-flex-pack: center;
justify-content: center; justify-content: center;
-ms-flex-align: center;
align-items: center; align-items: center;
min-height: calc(100vh - 2.375rem); min-height: calc(100vh - 2.375rem);
@ -257,9 +261,13 @@
} }
._docs-tools { ._docs-tools {
display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
-ms-flex-align: center;
align-items: center; align-items: center;
line-height: 1.5rem; line-height: 1.5rem;
margin-top: -.5rem; margin-top: -.5rem;
@ -271,6 +279,7 @@
} }
._docs-links { ._docs-links {
-ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
margin: .5rem 0; margin: .5rem 0;
padding: .25rem 0; padding: .25rem 0;

@ -7,6 +7,7 @@
z-index: $headerZ; z-index: $headerZ;
top: 0; top: 0;
left: 0; left: 0;
display: -ms-flexbox;
display: flex; display: flex;
width: $sidebarWidth; width: $sidebarWidth;
height: $headerHeight; height: $headerHeight;
@ -141,7 +142,8 @@
// //
._search { ._search {
flex-grow: 1; -ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative; position: relative;
height: 100%; height: 100%;
padding: .5rem 0 .5rem .5rem; padding: .5rem 0 .5rem .5rem;

@ -29,12 +29,14 @@
// //
._settings-fieldset { ._settings-fieldset {
display: -ms-flexbox;
display: flex; display: flex;
margin: 1.5rem 0; margin: 1.5rem 0;
line-height: 1.5rem; line-height: 1.5rem;
} }
._settings-legend { ._settings-legend {
-ms-flex: 0 1 10rem;
flex: 0 1 10rem; flex: 0 1 10rem;
margin: 0; margin: 0;
padding-right: .5rem; padding-right: .5rem;
@ -46,6 +48,7 @@
} }
._settings-inputs { ._settings-inputs {
-ms-flex: 1 1 20rem;
flex: 1 1 20rem; flex: 1 1 20rem;
} }

Loading…
Cancel
Save