Fix layout.
This commit is contained in:
parent
a5313537ec
commit
ceb60e3afc
|
@ -289,13 +289,38 @@ ul.list-unstyled li {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
form#new_p_hire .form-group input,form#new_p_hire .form-group select, form#new_p_hire .form-group textarea{
|
form#hire_form .form-group input,form#hire_form .form-group select, form#hire_form .form-group textarea{
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
}
|
}
|
||||||
form#new_p_hire .form-group input[name="_rucaptcha"], form#new_p_hire .form-group input[type="submit"], form#new_p_hire .form-group input[type="radio"], form#new_p_hire .form-group input[type="checkbox"]{
|
form#hire_form .form-group input[name="_rucaptcha"], form#hire_form .form-group input[type="submit"], form#hire_form .form-group input[type="radio"], form#hire_form .form-group input[type="checkbox"]{
|
||||||
width: auto;
|
width: auto;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
|
position: relative;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
form#hire_form .form-control {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
padding: 0.375em 1.125em;
|
||||||
|
font-size: 0.875em;
|
||||||
|
line-height: 1.42857143;
|
||||||
|
color: #555;
|
||||||
|
background-color: #fff;
|
||||||
|
background-image: none;
|
||||||
|
border: 0.0625em solid #ccc;
|
||||||
|
border-radius: 0.25em;
|
||||||
|
-webkit-box-shadow: inset 0 0.0625em 0.0625em rgb(0 0 0 / 8%);
|
||||||
|
box-shadow: inset 0 0.0625em 0.0625em rgb(0 0 0 / 8%);
|
||||||
|
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
|
||||||
|
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||||
|
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||||
|
}
|
||||||
|
.form-horizontal .form-group {
|
||||||
|
margin-bottom: 0.9375em;
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<% if !property.can_be_hired %>
|
<% if !property.can_be_hired %>
|
||||||
|
@ -570,7 +595,7 @@ ul.list-unstyled li {
|
||||||
</script>
|
</script>
|
||||||
<% end %>
|
<% end %>
|
||||||
<div class="col-lg-<%=right_col%>">
|
<div class="col-lg-<%=right_col%>">
|
||||||
<%= form_for hire, :url => "/xhr/property_hires/make_booking", html: { class: "form-horizontal" } do |f| %>
|
<%= form_for hire, :url => "/xhr/property_hires/make_booking", html: { class: "form-horizontal", id: "hire_form" } do |f| %>
|
||||||
<% if property.set_availability %>
|
<% if property.set_availability %>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<%= f.label :date, "*"+t("property_hire.date"), :class => "col-sm-#{label_col} control-label" %>
|
<%= f.label :date, "*"+t("property_hire.date"), :class => "col-sm-#{label_col} control-label" %>
|
||||||
|
@ -914,7 +939,7 @@ ul.list-unstyled li {
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
var hireForm = new FormValidator($("#new_p_hire"));
|
var hireForm = new FormValidator($("#hire_form"));
|
||||||
hireForm.validate_functions.checkForDates = function(value,element){
|
hireForm.validate_functions.checkForDates = function(value,element){
|
||||||
return value == "1";
|
return value == "1";
|
||||||
}
|
}
|
||||||
|
|
|
@ -159,13 +159,15 @@
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
form#new_p_hire .form-group input,form#new_p_hire .form-group select, form#new_p_hire .form-group textarea{
|
form#hire_form .form-group input,form#hire_form .form-group select, form#hire_form .form-group textarea{
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
}
|
}
|
||||||
form#new_p_hire .form-group input[name="_rucaptcha"], form#new_p_hire .form-group input[type="submit"], form#new_p_hire .form-group input[type="radio"], form#new_p_hire .form-group input[type="checkbox"]{
|
form#hire_form .form-group input[name="_rucaptcha"], form#hire_form .form-group input[type="submit"], form#hire_form .form-group input[type="radio"], form#hire_form .form-group input[type="checkbox"]{
|
||||||
width: auto;
|
width: auto;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
|
position: relative;
|
||||||
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<% if !property.can_be_hired %>
|
<% if !property.can_be_hired %>
|
||||||
|
@ -440,7 +442,7 @@
|
||||||
</script>
|
</script>
|
||||||
<% end %>
|
<% end %>
|
||||||
<div class="col-lg-<%=right_col%>">
|
<div class="col-lg-<%=right_col%>">
|
||||||
<%= form_for hire, :url => "/xhr/property_hires/make_booking", html: { class: "form-horizontal" } do |f| %>
|
<%= form_for hire, :url => "/xhr/property_hires/make_booking", html: { class: "form-horizontal", id: "hire_form" } do |f| %>
|
||||||
<% if property.set_availability %>
|
<% if property.set_availability %>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<%= f.label :date, "*"+t("property_hire.date"), :class => "col-sm-#{label_col} control-label" %>
|
<%= f.label :date, "*"+t("property_hire.date"), :class => "col-sm-#{label_col} control-label" %>
|
||||||
|
@ -784,7 +786,7 @@
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
var hireForm = new FormValidator($("#new_p_hire"));
|
var hireForm = new FormValidator($("#hire_form"));
|
||||||
hireForm.validate_functions.checkForDates = function(value,element){
|
hireForm.validate_functions.checkForDates = function(value,element){
|
||||||
return value == "1";
|
return value == "1";
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue