scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-22 19:05:56 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions2

Fix navigation for IE9

Browse source
This commit is contained in:
Ray Schamp 2015-11-05 18:42:16 -05:00
parent 40b5727613
commit bfaccaaed4
1 changed files with 28 additions and 1 deletions

29
src/components/navigation/navigation.scss
View file

@ -16,6 +16,11 @@
/* NOTE: Height should match offset settings in main.scss file */
height: 50px;
.ie9 & {
display: table;
table-layout: fixed;
}
.inner > ul {
display: flex;
margin: 0;
@ -26,6 +31,10 @@
flex-wrap: nowrap;
flex-direction: row;
justify-content: flex-start;
.ie9 & {
display: table-row;
}
> li {
@ -34,6 +43,13 @@
float: left;
height: 100%;
align-self: flex-start;
.ie9 & {
display: table-cell;
float: none;
height: 50px;
vertical-align: bottom;
}
}
.logo {
@ -83,6 +99,10 @@
color: $type-white;
flex-grow: 3;
.ie9 & {
width: 100%;
}
form {
margin: 0;
}
@ -140,6 +160,10 @@
margin-left: auto;
align-self: flex-end;
.ie9 & {
float: none;
}
a:hover {
background-color: $active-gray;
}
@ -202,10 +226,13 @@
.account-nav {
.userInfo {
padding-top: 14px;
padding-bottom: 3px;
max-width: 260px;
}
> a {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
font-size: .8125rem;
font-weight: normal;