Skip to content

Change invalid icon from cross to exclamation mark#28944

Merged
MartijnCuppens merged 2 commits into
masterfrom
master-mc-fix-validation-icon
Jun 22, 2019
Merged

Change invalid icon from cross to exclamation mark#28944
MartijnCuppens merged 2 commits into
masterfrom
master-mc-fix-validation-icon

Conversation

@MartijnCuppens

@MartijnCuppens MartijnCuppens commented Jun 22, 2019

Copy link
Copy Markdown
Member

The cross icon was confusing since some browsers use it as a reset button.

The svg is handcrafted by myself.

Fixes #28440

Demo: https://deploy-preview-28944--twbs-bootstrap.netlify.com/docs/4.3/components/forms/#server-side

@XhmikosR

XhmikosR commented Jun 22, 2019

Copy link
Copy Markdown
Member

Any reason why you have width/height set to 10 and not 12?

The cross icon was confusing since some browsers use it as a reset button.
@MartijnCuppens MartijnCuppens force-pushed the master-mc-fix-validation-icon branch from 363aeeb to a012a4d Compare June 22, 2019 13:30
@MartijnCuppens

Copy link
Copy Markdown
Member Author

The viewport used to be 10 by 10, but this rendered bad in IE. I've now updated it to 12 by 12.

@MartijnCuppens MartijnCuppens merged commit ac6eefd into master Jun 22, 2019
@MartijnCuppens MartijnCuppens deleted the master-mc-fix-validation-icon branch June 22, 2019 14:21
XhmikosR pushed a commit that referenced this pull request Jun 24, 2019
The cross icon was confusing since some browsers use it as a reset button.
XhmikosR pushed a commit that referenced this pull request Jul 10, 2019
The cross icon was confusing since some browsers use it as a reset button.
@mdo mdo mentioned this pull request Jul 22, 2019
@usulix

usulix commented Dec 14, 2019

Copy link
Copy Markdown

This looks A LOT like the fontawesome font-not-found flashing exclamation mark and is definitely a different look and feel from the solid checkmark - so much so that I thought it was an error until I walked back through blame and found this commit. And, since validation icons have been removed from the documentation - I had no way of knowing this as "as intended". I'll lock to the version before this change and hereby put in at least one vote to revert it, please?

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Cross icon is confusing in an input element

4 participants