Skip to content

fix position of focused search in inverse navbar#4859

Closed
moesalih wants to merge 1 commit intotwbs:2.1.1-wipfrom
moesalih:2.1.1-wip
Closed

fix position of focused search in inverse navbar#4859
moesalih wants to merge 1 commit intotwbs:2.1.1-wipfrom
moesalih:2.1.1-wip

Conversation

@moesalih
Copy link
Copy Markdown

When the search field in inverse navbar is focused, a small jump is size
is noticable. This is due to changing the border and padding which is
unnecessary.

When the search field in inverse navbar is focused, a small jump is size
is noticable. This is due to changing the border and padding which is
unnecessary.
@travisbot
Copy link
Copy Markdown

This pull request passes (merged 5e3d94b into afd9312).

@moesalih
Copy link
Copy Markdown
Author

The issue can be seen in the bootstrap docs (http://twitter.github.com/bootstrap/components.html#navbar) under the Inverted variation section. Just select the search field and unselect it and you'll see the 1-pixel jump in size.

@mdo
Copy link
Copy Markdown
Member

mdo commented Sep 1, 2012

I see no jumping. What browser?

@moesalih
Copy link
Copy Markdown
Author

moesalih commented Sep 1, 2012

I tested latest Firefox and Chrome and It happens in both. It's a subtle 1-pixel increase in size, and just looks a little weird.

If you want to see what this fix does, just disable the border and padding properties in the developer tools, and select/unselect the field, you'll see that it looks a little better.

@mdo
Copy link
Copy Markdown
Member

mdo commented Sep 3, 2012

The focused state is removing the border and increasing the padding, by 1px on all sides. It's an intentional change and one we'll keep for the time being.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants