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

View File

@ -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";
} }

View File

@ -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";
} }