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

full clickable select in form-inline

Browse source
This commit is contained in:
Felix Niklas 2014-08-29 17:09:20 +02:00
parent af809e51ea
commit 77daf13feb
2 changed files with 19 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/assets/javascripts/app/views/ticket_zoom.jst.eco
View file

@ -75,8 +75,8 @@
<form class="bottom-form form-inline horizontal" role="form"> <form class="bottom-form form-inline horizontal" role="form">
<div class="form-group"> <div class="form-group">
<label for="update_ticket_1_state_id" class="input-group-addon">State</label> <label for="update_ticket_1_state_id123" class="input-group-addon clickable">State</label>
<select id="update_ticket_1_state_id" class="form-control" name="state_id"> <select id="update_ticket_1_state_id123" class="form-control" name="state_id">
<option value="4">closed</option> <option value="4">closed</option>
<option value="1" selected="">new</option> <option value="1" selected="">new</option>
<option value="2">open</option> <option value="2">open</option>
@ -84,16 +84,16 @@
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="update_ticket_1_priority_id" class="input-group-addon">Priority</label> <label for="update_ticket_1_priority_id123" class="input-group-addon clickable">Priority</label>
<select id="update_ticket_1_priority_id" class="form-control" name="priority_id"> <select id="update_ticket_1_priority_id123" class="form-control" name="priority_id">
<option value="1">1 low</option> <option value="1">1 low</option>
<option value="2" selected="">2 normal</option> <option value="2" selected="">2 normal</option>
<option value="3">3 high</option> <option value="3">3 high</option>
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="update_ticket_1_group_id" class="input-group-addon">Group</label> <label for="update_ticket_1_group_id123" class="input-group-addon clickable">Group</label>
<select id="update_ticket_1_group_id" class="form-control" name="group_id"> <select id="update_ticket_1_group_id123" class="form-control" name="group_id">
<option value="4">FillGroup::450863</option> <option value="4">FillGroup::450863</option>
<option value="3">FillGroup::918672</option> <option value="3">FillGroup::918672</option>
<option value="2">Twitter</option> <option value="2">Twitter</option>
@ -101,8 +101,8 @@
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="update_ticket_1_owner_id" class="input-group-addon">Owner</label> <label for="update_ticket_1_owner_id123" class="input-group-addon clickable">Owner</label>
<select id="update_ticket_1_owner_id" class="form-control" name="owner_id"> <select id="update_ticket_1_owner_id123" class="form-control" name="owner_id">
<option value="">-</option> <option value="">-</option>
<option value="3">Felix Niklas</option> <option value="3">Felix Niklas</option>
</select> </select>

23
app/assets/stylesheets/zzz.css.erb
View file

@ -1407,13 +1407,6 @@ form a.standalone {
margin: 0 5px; margin: 0 5px;
} }
form.form-inline select,
form.form-inline input[type="text"],
form.form-inline input[type="password"] {
width: 180px;
margin-right: 4px;
}
.modal-header { .modal-header {
padding: 10px 15px; padding: 10px 15px;
} }
@ -2406,9 +2399,10 @@ footer {
} }
.form-inline .form-group { .form-inline .form-group {
padding: 10px;
overflow: hidden; overflow: hidden;
flex-grow: 1; flex-grow: 1;
position: relative;
height: 65px;
} }
.form-inline .form-group .btn { .form-inline .form-group .btn {
@ -2420,7 +2414,8 @@ footer {
} }
.form-inline .input-group-addon { .form-inline .input-group-addon {
padding: 0 10px 2px; padding: 0;
margin: 15px 18px;
font-size: 13px; font-size: 13px;
text-align: left; text-align: left;
letter-spacing: 0.05em; letter-spacing: 0.05em;
@ -2429,12 +2424,16 @@ footer {
} }
.form-inline .form-control { .form-inline .form-control {
margin: 0 10px; width: 100%;
padding: 0 0 2px; height: 100%;
height: auto; left: 0;
top: 0;
position: absolute;
padding: 33px 18px 15px;
float: none; float: none;
display: block; display: block;
border-radius: 0; border-radius: 0;
background: none;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
-ms-appearance: none; -ms-appearance: none;