Joururi/sample-el
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RELEASE 1.13

Browse Source 
- Fixed a positionning issue in IE11 that made the navbar stretch the page
This commit is contained in:
AlexisNP
2019-10-03 09:54:10 +02:00
committed by GitHub
parent 42fca52af6
commit 96e019afad
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
css/style.css
View File

@@ -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}