Fixes inner page dropdown nav

This commit is contained in:
Andy Tudhope 2018-09-29 00:58:54 +02:00
parent 204119382e
commit 666a44196c
No known key found for this signature in database
GPG Key ID: 02A3DFA93BF26AD2
2 changed files with 32 additions and 30 deletions

View File

@ -41,55 +41,54 @@ logo-size = 50px
background-repeat: no-repeat; background-repeat: no-repeat;
.dropdown .dropdown
display flex display: flex
align-items center align-items: center
margin-left 32px margin-left: 32px
nav nav
ul ul
li li
float left float: left
margin 8px margin: 8px
position relative position: relative
a a
color #FFFFFF color: #FFFFFF
text-decoration none text-decoration: none
font-weight bold font-weight: bold
&:hover &:hover
opacity .7 opacity: .7
&:focus &:focus
color rgba(255, 255,255,1) color: rgba(255, 255,255,1)
&.current &.current
text-decoration underline text-decoration: underline
a a
color rgba(255,255,255,0.7) color: rgba(255,255,255,0.7)
&:hover &:hover
& > ul & > ul
display block display: block
z-index: 1
ul ul
background #ffffff background: #ffffff
border-radius 5px border-radius: 5px
display: none left: 0
left 0 padding: 10px 5px 5px 5px
padding 10px 5px 5px 5px position: absolute
position absolute top: 100%
top 100%
border-top 5px solid #ff9c00
li li
float none float: none
width 8.125em width: 8.125em
a a
&:hover &:hover
color #000 color #000
.dropdown:before, .dropdown:before,
.dropdown:after .dropdown:after
clear both clear: both
content "" content: ""
display table display: table
.dropdown nav ul li ul li a:link, .dropdown nav ul li ul li a:link,
.dropdown nav ul li ul li a:visited .dropdown nav ul li ul li a:visited
color #8d99a4 color: #8d99a4
#search-input-wrap #search-input-wrap
display: none display: none

View File

@ -299,6 +299,9 @@ select[multiple] {
position: absolute; position: absolute;
top: 100%; top: 100%;
border-top: 5px solid #ff9c00; border-top: 5px solid #ff9c00;
border-left: 1 px solid #ffffff;
border-right: 1 px solid #ffffff;
border-bottom: 1 px solid #ffffff;
} }
.dropdown nav ul li ul li { .dropdown nav ul li ul li {
@ -457,8 +460,8 @@ select[multiple] {
} }
.button.button--main:hover { .button.button--main:hover {
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(43, 59, 71, 0.124066)
color: #363763; color: gba(255, 255, 255, 1);;
} }
.button.button--secondary { .button.button--secondary {