Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/app/views/generic/user_search/input.jst.eco
View file

@ -1,6 +1,6 @@
<div class="u-positionOrigin"> <div class="u-positionOrigin">
<input type="hidden" name="<%- @attribute.name %>" value="<%= @attribute.value %>"> <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') %> <%- @Icon('arrow-down', 'dropdown-arrow') %>
</div> </div>

17
app/assets/stylesheets/zammad.css.scss
View file

@ -1043,6 +1043,10 @@ fieldset > *:not(.form-group) .form-control {
.form-group.formGroup--halfSize { .form-group.formGroup--halfSize {
width: 50%; width: 50%;
float: left; float: left;
.form-control {
min-width: auto;
}
} }
.fromGroup--standalone .form-control { .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] { input[type=time] {
width: auto; width: auto;
padding-left: 6px; padding-left: 6px;
@ -1196,10 +1209,6 @@ input.time.time--12 {
display: none; display: none;
} }
.form-control.ui-autocomplete-input {
padding-right: 35px;
}
.has-error .form-control, .has-error .form-control,
.has-error .form-control:focus, .has-error .form-control:focus,
.has-error .form-control.focus { .has-error .form-control.focus {