Skip to content

Commit 6566188

Browse files
committed
Include vendor prefixes required for consistent styling of placeholder text
Fixes #1259
1 parent 105dc93 commit 6566188

File tree

2 files changed

+13
-3
lines changed

2 files changed

+13
-3
lines changed

app/styles/_forms.less

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -95,3 +95,12 @@
9595
margin-left: 0;
9696
margin-right: 10px;
9797
}
98+
99+
// Add vendor prefixes for placeholder text, since they where removed from PatternFly
100+
// https://github.com/patternfly/patternfly/issues/597
101+
.placeholder(@color: @input-color-placeholder) {
102+
&:-moz-placeholder { color: @color; font-style: italic; } // Firefox 4-18
103+
&::-moz-placeholder { color: @color; font-style: italic; opacity: 1; } // Firefox 19+
104+
&:-ms-input-placeholder { color: @color; font-style: italic; } // Internet Explorer 10+
105+
&::-webkit-input-placeholder { color: @color; font-style: italic; } // Safari and Chrome
106+
}

dist/styles/main.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -689,10 +689,11 @@ input[type=checkbox]:focus,input[type=radio]:focus,input[type=file]:focus{outlin
689689
output{padding-top:3px}
690690
.form-control{width:100%;height:27px;padding:2px 6px;background-color:#fff;border:1px solid #bbb;border-radius:1px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
691691
.form-control:focus{border-color:#0088ce;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,136,206,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,136,206,.6)}
692-
.form-control::-moz-placeholder{color:#999;opacity:1}
693-
.form-control:-ms-input-placeholder{color:#999}
694-
.form-control::-webkit-input-placeholder{color:#999}
692+
.form-control:-ms-input-placeholder{color:#999;font-style:italic}
693+
.form-control::-webkit-input-placeholder{color:#999;font-style:italic}
695694
.form-control::placeholder{color:#999;font-style:italic}
695+
.form-control:-moz-placeholder{color:#999;font-style:italic}
696+
.form-control::-moz-placeholder{color:#999;font-style:italic;opacity:1}
696697
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}
697698
.form-control::-ms-expand{border:0;background-color:transparent}
698699
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#f5f5f5;opacity:1}

0 commit comments

Comments
 (0)