[Frontend] Add number input

Fixes #1628
Add template and bundle info for numberfield;
Styling in general and toolbar contexts;
This commit is contained in:
Charles Hacskaylo
2017-06-23 11:07:24 -07:00
parent a3520ba51e
commit e7ba13f844
5 changed files with 56 additions and 10 deletions

View File

@@ -81,12 +81,6 @@ input, textarea {
letter-spacing: inherit;
}
input[type="text"],
input[type="search"] {
vertical-align: baseline;
padding: $inputTextP;
}
h1, h2, h3 {
letter-spacing: 0.04em;
margin: 0;

View File

@@ -224,18 +224,28 @@ textarea {
/******************************************************** INPUTS */
input[type="text"],
input[type="search"] {
input[type="search"],
input[type="number"] {
@include nice-input();
vertical-align: baseline;
padding: $inputTextP;
&.numeric {
text-align: right;
}
}
.l-input-sm {
input[type="text"],
input[type="search"],
input[type="number"] {
width: 50px !important;
}
}
.l-input-lg input[type="text"],
input[type="text"].lg { width: 100% !important; }
.l-input-med input[type="text"],
input[type="text"].med { width: 200px !important; }
.l-input-sm input[type="text"],
input[type="text"].sm { width: 50px !important; }
.l-numeric input[type="text"],
input[type="text"].numeric { text-align: right; }

View File

@@ -26,9 +26,11 @@
.l-control-group {
height: $btnToolbarH;
}
input[type="text"] {
input[type="text"],
input[type="search"],
input[type="number"] {
box-sizing: border-box;
font-size: .9em;
font-size: .8em;
height: $btnToolbarH;
margin-bottom: 1px;
position: relative;