From 96e019afad38d3081efbed3bbcc28d54041aac8a Mon Sep 17 00:00:00 2001 From: AlexisNP <39308709+AlexisNP@users.noreply.github.com> Date: Thu, 3 Oct 2019 09:54:10 +0200 Subject: [PATCH] RELEASE 1.13 - Fixed a positionning issue in IE11 that made the navbar stretch the page --- css/style.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/css/style.css b/css/style.css index 9be5840..9475843 100644 --- a/css/style.css +++ b/css/style.css @@ -180,10 +180,6 @@ sup { transform: scale(0); transform-origin: 20px 20px; } -#show-menu:checked ~ .menu-body -{ - display: flex; -} #show-menu:checked ~ .menu-body .menu-item a { transform: scale(1); @@ -197,6 +193,8 @@ sup { .landing nav .menu .menu-body { position: absolute; + display: flex; + flex-direction: row-reverse; right: 0; margin-top: 10px; display: flex; @@ -212,6 +210,11 @@ sup { background: #000; border-radius: 50%; } +/* Fixes a positionning bug in IE11 */ +.landing nav .menu .menu-body > .menu-item:nth-child(1) { order: 4 } +.landing nav .menu .menu-body > .menu-item:nth-child(2) { order: 3 } +.landing nav .menu .menu-body > .menu-item:nth-child(3) { order: 2 } +.landing nav .menu .menu-body > .menu-item:nth-child(4) { order: 1 } /* Colour formatting no need to depend on active */ .landing nav .menu .menu-body .menu-item:nth-child(1) a:hover {background: #00a0a3} .landing nav .menu .menu-body .menu-item:nth-child(2) a:hover {background: #9b1f82}