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.

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

Style tel input fields the same as text/email/etc. #99

Open
dbischof opened this issue Feb 2, 2021 · 1 comment · May be fixed by #100
Open

Style tel input fields the same as text/email/etc. #99

dbischof opened this issue Feb 2, 2021 · 1 comment · May be fixed by #100

Comments

@dbischof
Copy link
Contributor

dbischof commented Feb 2, 2021

Now that input[type="tel"] fields are becoming more common, ideally they would be styled the same as similar fields (namely in height & padding).

This can be achieved with adding a line to /grappelli_safe/static/grappelli/css/forms.css:

/*  Text inputs ................................................... */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],       /* Add this line */
input[type="number"] {
    padding: 5px 3px 4px;
    height: 14px;
}
@jerivas
Copy link
Collaborator

jerivas commented Feb 2, 2021

Thanks! Would you like to submit the change as a PR?

dbischof added a commit to dbischof/grappelli-safe that referenced this issue Feb 8, 2021
@dbischof dbischof linked a pull request Feb 8, 2021 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants