Top-Bar .toggle-topbar bug

[Macuzzin]

Please see http://foundation.zurb.com/forum/posts/1903-top-bar-toggle-topbar-bug

The Reverie update to Foundation 5.0.3 does not seem to have resolved this.

[ghost]

I have verified this. See here:

https://www.dropbox.com/s/krwqdyr7b04c6gm/Screenshot%202014-02-11%2013.39.30.png

I have the latest version of Reverie. Anyone know how to fix? I read the thread from above, but I don't know where the SCSS is that is causing the issue. I don't really want to mess with the Foundation SCSS files.

Thanks,

/jk

[tnog]

Looks like the source files in bower_components/foundation/css/foundation.css need to be updated. You could run grunt and foundation update to update the files (and see what happens). Or in your own child theme style.scss file you can just add the following as mentioned in Macuzzin's F5 forum post:

//Adds correct style
.top-bar.expanded .toggle-topbar a:after {
-webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; 
}

// Removes shadow on span
.top-bar.expanded .toggle-topbar a span {
  @include box-shadow(none);
}