Skip to content

Commit 421c323

Browse files
committed
Resolve tonycorporated#5: Up to Bootstrap v4 alpha 6
1 parent 862af8e commit 421c323

3 files changed

+43
-3
lines changed

bootstrap-float-label.css

+41-1
Original file line numberDiff line numberDiff line change
@@ -33,19 +33,59 @@
3333
-webkit-transition: all .2s;
3434
transition: all .2s;
3535
}
36+
.has-float-label .form-control::-moz-placeholder {
37+
opacity: 1;
38+
transition: all .2s;
39+
}
40+
.has-float-label .form-control:-ms-input-placeholder {
41+
opacity: 1;
42+
transition: all .2s;
43+
}
44+
.has-float-label .form-control::placeholder {
45+
opacity: 1;
46+
-webkit-transition: all .2s;
47+
transition: all .2s;
48+
}
3649
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
3750
opacity: 0;
3851
}
52+
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
53+
opacity: 0;
54+
}
55+
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
56+
opacity: 0;
57+
}
58+
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
59+
opacity: 0;
60+
}
3961
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
4062
font-size: 150%;
4163
opacity: .5;
4264
top: .3em;
4365
}
4466

4567
.input-group .has-float-label {
46-
display: table-cell;
68+
-webkit-box-flex: 1;
69+
-webkit-flex-grow: 1;
70+
-ms-flex-positive: 1;
71+
flex-grow: 1;
72+
margin-bottom: 0;
73+
display: -webkit-box;
74+
display: -webkit-flex;
75+
display: -ms-flexbox;
76+
display: flex;
77+
-webkit-box-orient: vertical;
78+
-webkit-box-direction: normal;
79+
-webkit-flex-direction: column;
80+
-ms-flex-direction: column;
81+
flex-direction: column;
82+
-webkit-box-pack: center;
83+
-webkit-justify-content: center;
84+
-ms-flex-pack: center;
85+
justify-content: center;
4786
}
4887
.input-group .has-float-label .form-control {
88+
width: 100%;
4989
border-radius: 0.25rem;
5090
}
5191
.input-group .has-float-label:not(:last-child), .input-group .has-float-label:not(:last-child) .form-control {

bootstrap-float-label.min.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,6 @@
2222
},
2323
"homepage": "https://github.com/tonystar/bootstrap-float-label#readme",
2424
"peerDependencies": {
25-
"bootstrap": "4.0.0-alpha.4"
25+
"bootstrap": "4.0.0-alpha.6"
2626
}
2727
}

0 commit comments

Comments
 (0)