diff --git a/src/_nested-list.scss b/src/_nested-list.scss index d191d9afcc..9850a238b6 100644 --- a/src/_nested-list.scss +++ b/src/_nested-list.scss @@ -112,7 +112,9 @@ $block: #{$fd-namespace}-nested-list; &::after { @include fd-flex-center(); @include fd-nested-list-arrow(); - + // `height: 0` is set to prevent breaking `align-items: center` on IE11 + // Read more https://github.com/philipwalton/flexbugs/issues/231 + height: 0; min-height: 100%; min-width: 2.75rem; color: var(--sapList_TextColor); diff --git a/test/templates/side-nav/index.njk b/test/templates/side-nav/index.njk index 0888549a3c..76ea6dde3b 100644 --- a/test/templates/side-nav/index.njk +++ b/test/templates/side-nav/index.njk @@ -2,47 +2,47 @@ {% from "./../format.njk" import format %} {% block content %} - -

Side Navigation with one level - text-only, cozy mode

-{% set example %} - -{% endset %} -{{ format(example) }} + +

Side Navigation with one level - text-only, cozy mode

+ {% set example %} + + {% endset %} + {{ format(example) }} -


-

Side navigation with icons - condensed state

-{% set example %} - -{% endset %} -{{ format(example) }} +


+

Side navigation with icons - condensed state

+ {% set example %} + + {% endset %} + {{ format(example) }} {% endblock %} diff --git a/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png b/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png index 19cfc5f16f..159abc4286 100644 Binary files a/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png and b/test/visual-regression-tests/reference_images/FS_side-nav_2_backstop__n2_0_.png differ