Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

fix(layout): 'flex' change per recommended workarounds #6205

Closed
wants to merge 5 commits into from
Closed

fix(layout): 'flex' change per recommended workarounds #6205

wants to merge 5 commits into from

Commits on Dec 9, 2015

  1. fix(layout): 'flex' change per recommended workarounds 

    Per recommended 'flex' settings for Chrome and IE [workarounds](http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/):

*  use flex === `flex:1 1 0%` instead of `flex:1`. Do not use unitless flex-basis values in the flex shorthand because IE 10-11 will error.
*  in layout="column" add `flex-shrink:0`. Chrome, Opera, and Safari do not honor the default min-content size of flex items. For column modes, set flex-shrink to 0 (instead of the default 1) to avoid unwanted shrinkage.
* add 'flex-nogrow' to symmetrically balance 'flex-noshrink'
*  fix BottomSheet Grid, Checkbox, Dialog demos with layout.
    @ThomasBurleson
    ThomasBurleson committed Dec 9, 2015
    Configuration menu
    Copy the full SHA
    33dd0a1 View commit details
    Browse the repository at this point in the history

  2. fix(layout): 'flex' change per recommended workarounds 

    Per recommended 'flex' settings for Chrome and IE [workarounds](http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/):

*  use flex === `flex:1 1 0%` instead of `flex:1`. Do not use unitless flex-basis values in the flex shorthand because IE 10-11 will error.
*  in layout="column" add `flex-shrink:0`. Chrome, Opera, and Safari do not honor the default min-content size of flex items. For column modes, set flex-shrink to 0 (instead of the default 1) to avoid unwanted shrinkage.
* add 'flex-nogrow' to symmetrically balance 'flex-noshrink'
* fix BottomSheet Grid, Checkbox, Dialog demos with layout.
* fix Dialog Custom demo to use fullscreen for `$mdMedia('xs') || $mdMedia('sm')`
    @ThomasBurleson
    ThomasBurleson committed Dec 9, 2015
    Configuration menu
    Copy the full SHA
    800dd43 View commit details
    Browse the repository at this point in the history

  3. fix(layout): 'flex' change per recommended workarounds 

    Per recommended 'flex' settings for Chrome and IE [workarounds](http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/):

*  use flex === `flex:1 1 0%` instead of `flex:1`. Do not use unitless flex-basis values in the flex shorthand because IE 10-11 will error.
*  in layout="column" add `flex-shrink:0`. Chrome, Opera, and Safari do not honor the default min-content size of flex items. For column modes, set flex-shrink to 0 (instead of the default 1) to avoid unwanted shrinkage.
* add 'flex-nogrow' to symmetrically balance 'flex-noshrink'
* fix BottomSheet Grid, Checkbox, Dialog demos with layout.
* fix Dialog Custom demo to use fullscreen for `$mdMedia('xs') || $mdMedia('sm')`
    @ThomasBurleson
    ThomasBurleson committed Dec 9, 2015
    Configuration menu
    Copy the full SHA
    17c3466 View commit details
    Browse the repository at this point in the history

Commits on Dec 10, 2015

  1. fix(layout): 'flex' change per recommended workarounds 

    Per recommended 'flex' settings for Chrome and IE [workarounds](http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/):

*  use flex === `flex:1 1 0%` instead of `flex:1`. Do not use unitless flex-basis values in the flex shorthand because IE 10-11 will error.
*  in layout="column" add `flex-shrink:0`. Chrome, Opera, and Safari do not honor the default min-content size of flex items. For column modes, set flex-shrink to 0 (instead of the default 1) to avoid unwanted shrinkage.
* add 'flex-nogrow' to symmetrically balance 'flex-noshrink'
* fix BottomSheet Grid, Checkbox, Dialog demos with layout.
* fix Dialog Custom demo to use fullscreen for `$mdMedia('xs') || $mdMedia('sm')`
    @ThomasBurleson
    ThomasBurleson committed Dec 10, 2015
    Configuration menu
    Copy the full SHA
    3fd83bd View commit details
    Browse the repository at this point in the history

  2. fix(layout): 'flex' change per recommended workarounds 

    Per recommended 'flex' settings for Chrome and IE [workarounds](http://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/):

*  use flex === `flex:1 1 0%` instead of `flex:1`. Do not use unitless flex-basis values in the flex shorthand because IE 10-11 will error.
*  in layout="column" add `flex-shrink:0`. Chrome, Opera, and Safari do not honor the default min-content size of flex items. For column modes, set flex-shrink to 0 (instead of the default 1) to avoid unwanted shrinkage.
* add 'flex-nogrow' to symmetrically balance 'flex-noshrink'
* fix BottomSheet Grid, Checkbox, Dialog demos with layout.
* fix Dialog Custom demo to use fullscreen for `$mdMedia('xs') || $mdMedia('sm')`
    @ThomasBurleson
    ThomasBurleson committed Dec 10, 2015
    Configuration menu
    Copy the full SHA
    bb0fd20 View commit details
    Browse the repository at this point in the history