From b48484d3ff69270936401b65ea5743e1a8c0ff6a Mon Sep 17 00:00:00 2001 From: Alex Lende Date: Wed, 8 Jan 2020 10:19:34 -0600 Subject: [PATCH] Set fixed width and height for button svg icons (#17) IE requires a fixed with and height for SVGs or they won't scale up at all making the buttons unreadable in IE. --- blocks/bauhaus-centenary/editor.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/blocks/bauhaus-centenary/editor.scss b/blocks/bauhaus-centenary/editor.scss index 57080dc1..0ec5d065 100644 --- a/blocks/bauhaus-centenary/editor.scss +++ b/blocks/bauhaus-centenary/editor.scss @@ -5,8 +5,10 @@ } .components-icon-button svg { - height: 100%; - width: auto; + // IE11 requires a fixed width & height for SVGs. Values are calculated + // from what `height: 100%` and `width: auto` would have resulted in. + height: 26px; + width: 39px; } }