set form input min-widths (url, user-select)

This commit is contained in:
Felix Niklas 2015-09-18 15:07:15 +02:00
parent 3d47199ec5
commit 009bc92193
2 changed files with 14 additions and 5 deletions

View file

@ -1,6 +1,6 @@
<div class="u-positionOrigin">
<input type="hidden" name="<%- @attribute.name %>" value="<%= @attribute.value %>">
<input name="<%- @attribute.name %>_completion" class="ui-autocomplete-input form-control" autocapitalize="off" placeholder="<%- @attribute.placeholder %>" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<input name="<%- @attribute.name %>_completion" class="user-select form-control" autocapitalize="off" placeholder="<%- @attribute.placeholder %>" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<%- @Icon('arrow-down', 'dropdown-arrow') %>
</div>

View file

@ -1043,6 +1043,10 @@ fieldset > *:not(.form-group) .form-control {
.form-group.formGroup--halfSize {
width: 50%;
float: left;
.form-control {
min-width: auto;
}
}
.fromGroup--standalone .form-control {
@ -1089,6 +1093,15 @@ textarea,
}
}
input[type=url] {
min-width: 400px;
}
.user-select.form-control {
padding-right: 35px;
min-width: 300px;
}
input[type=time] {
width: auto;
padding-left: 6px;
@ -1196,10 +1209,6 @@ input.time.time--12 {
display: none;
}
.form-control.ui-autocomplete-input {
padding-right: 35px;
}
.has-error .form-control,
.has-error .form-control:focus,
.has-error .form-control.focus {