harrybomrah
/
property_hire
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix layout.

This commit is contained in:
BoHung Chiu 2021-09-08 11:29:20 +08:00
parent a5313537ec
commit ceb60e3afc
2 changed files with 35 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/views/admin/property_hires/edit_hire.html.erb
View File

@ -289,13 +289,38 @@ ul.list-unstyled li {
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%;
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;
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>
<% if !property.can_be_hired %>
@ -570,7 +595,7 @@ ul.list-unstyled li {
</script>
<% end %>
<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 %>
<div class="form-group">
<%= 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){
return value == "1";
}

10
app/views/property_hires/hire.html.erb
View File

@ -159,13 +159,15 @@
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%;
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;
min-width: auto;
position: relative;
margin-left: 0;
}
</style>
<% if !property.can_be_hired %>
@ -440,7 +442,7 @@
</script>
<% end %>
<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 %>
<div class="form-group">
<%= 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){
return value == "1";
}