Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Materia: Text inputs not resized in .input-group-sm and .input-group-lg #861

Closed
skylarmt opened this issue Sep 23, 2018 · 2 comments
Closed

Materia: Text inputs not resized in .input-group-sm and .input-group-lg #861

skylarmt opened this issue Sep 23, 2018 · 2 comments

Comments

@skylarmt
Copy link

Example code:

<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://bootswatch.com/4/materia/bootstrap.min.css" />

<div style="width: 200px; margin-left: 10px; margin-top: 10px; padding: 10px; border: 1px solid black;">
    <div class="input-group input-group-sm">
        <input type="text" class="form-control">
        <div class="input-group-append">
            <a class="btn btn-primary" href="#">Button</a>
        </div>
    </div>
</div>

Notice how the text box is not the same height as the button:

screenshot_2018-09-23 screenshot

This also happens with other configurations of input groups, including .input-group-lg. All the text boxes appear to be the correct height for the regular-sized input group.

screenshot_2018-09-23 screenshot 1

It almost seems like this is the opposite of the problem in #819, where the text boxes sized correctly but the buttons didn't!
@thomaspark
Copy link
Owner

Looks like v4.1.3 changed some things under the hood for input sizing, causing this flip-flopping. We can actually get rid of some previous overrides to get the desired sizing now. Let me know if this fixes things for you.

@skylarmt
Copy link
Author

That did fix it, thanks!

skylarmt added a commit to Netsyms/AccountHub that referenced this issue Jun 15, 2019
@skylarmt
Update Bootstrap (thomaspark/bootswatch#861)
12aea4a
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@thomaspark @skylarmt