Menu icon Foundation
workspace template topbar search box broken on 5.2.1?

I tried the html here: http://foundation.zurb.com/templates/workspace.html locally with fresh download of fd-5.2.1 and it seems the search box is thicker than it should be, and leaks out of the topbar.

Anyone experienced the same problem? The one on the zurb website uses fd 5.2.0, this is the only difference I see. I couldn't try 5.2.0 because the git files are not same as the release (and don't know how to compile the dev version)

Thanks,
Bahadir

topbarSearch Box5.2.1

I tried the html here: http://foundation.zurb.com/templates/workspace.html locally with fresh download of fd-5.2.1 and it seems the search box is thicker than it should be, and leaks out of the topbar.

Anyone experienced the same problem? The one on the zurb website uses fd 5.2.0, this is the only difference I see. I couldn't try 5.2.0 because the git files are not same as the release (and don't know how to compile the dev version)

Thanks,
Bahadir

Tom Hogan over 5 years ago

Hi Bahadir,

I had the same issue and added the following CSS my app.css and it seems to work just fine.

/* Override foundation.css styling for search box */

.top-bar input[type="text"], .top-bar .button {
font-size: 0.77778rem;
position: relative;
top: 7px;
}

.top-bar input[type="text"] {
height: auto;
padding-top: 0.35rem;
padding-bottom: 0.35rem;
font-size: 0.75rem;
}

Let me know if it works for you.