diff --git a/static/css/styles.css b/static/css/styles.css index 395cf57..bcce54c 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -175,7 +175,7 @@ body { } header { - max-width: 1400px; + max-width: 1280px; margin: auto; margin-top: 40px; margin-bottom: 60px; @@ -234,7 +234,7 @@ section.register>h1 { } footer>div { - max-width: 1400px; + max-width: 1280px; margin: auto; padding: 40px; display: flex; @@ -258,7 +258,7 @@ footer>div { .second-footer>div { display: flex; - max-width: 1400px; + max-width: 1280px; margin: auto; height: 60px; align-items: center; @@ -276,7 +276,7 @@ footer>div { padding: 0; height: 60px; max-width: unset; - background: white; + background: #F8F8F8; margin-top: -15px; } @@ -789,7 +789,7 @@ section.login>form>div>div:nth-child(7)>a { } section.profile { - max-width: 1400px; + max-width: 1280px; margin: auto; padding: 0px 40px; margin-bottom: 120px; @@ -823,6 +823,7 @@ h2.title_new_route{ padding: 10px; text-align: center; position: relative; + height: 44px; } .menu_profile>div>a { @@ -836,12 +837,16 @@ h2.title_new_route{ text-decoration: none; text-decoration: none; width: 100%; + position: absolute; + top: 22px; + left: 0px; } .menu_profile>div>img.svg { position: absolute; left: 10px; + top: 22px; } .selected{ @@ -1097,9 +1102,31 @@ form.new_route{ } -input#id_from_address_point_txt{ +.from_address_point_txt{ display: block; + + border: 1px solid #E6E6E6; + color: #272424; + font-family: Inter; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 22px; + appearance: none; + background: white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center; + + height: 60px; + +} + +.from_address_point_txt.post_route{ border-radius: 15px; + margin-top: 10px; + width: 392px; +} + +.to_address_point_txt{ + display: block; border: 1px solid #E6E6E6; color: #272424; font-family: Inter; @@ -1114,20 +1141,10 @@ input#id_from_address_point_txt{ margin-top: 10px; } -input#id_to_address_point_txt{ - display: block; + +.to_address_point_txt.post_route{ border-radius: 15px; - border: 1px solid #E6E6E6; - color: #272424; - font-family: Inter; - font-size: 16px; - font-style: normal; - font-weight: 400; - line-height: 22px; - appearance: none; - background: white url("/static/img/png/icon-arrow.svg") no-repeat calc(100% - 15px) center; width: 392px; - height: 60px; margin-top: 10px; } @@ -1220,17 +1237,20 @@ div.departure_arrival>div>input{ .input_list{ display: none; - max-width: 390px; max-height: 200px; width: 100%; position: absolute; - padding-top: 20px; background-color: #F8F8F8; overflow: scroll; overflow-x:hidden; } +.input_list.post_route{ + padding-top: 20px; + max-width: 390px; +} + .input_list.show{ display:inline-block; diff --git a/static/js/user_profile.js b/static/js/user_profile.js index 7468069..968ec2c 100644 --- a/static/js/user_profile.js +++ b/static/js/user_profile.js @@ -182,7 +182,11 @@ function searchTown(el){ timer = null; let form = el.form; - let type_transport = form['type_transport'].value; + let type_transport_el = form['type_transport']; + let type_transport = "" + if(type_transport_el){ + type_transport = type_transport_el.value + } let search_str = el.value; let get_address_point = new Object({type_transport, search_str}); get_address_point['ctrl_name'] = el.name; diff --git a/templates/blocks/profile/b_new_route.html b/templates/blocks/profile/b_new_route.html index 23806b2..a5325d9 100644 --- a/templates/blocks/profile/b_new_route.html +++ b/templates/blocks/profile/b_new_route.html @@ -106,7 +106,7 @@ type="text" minlength="3" name="from_address_point_txt" - class="from_address_point_txt" + class="from_address_point_txt post_route" {% if form.fields.from_address_point.required %} required{% endif %} id="id_from_address_point_txt" {% if form.initial.from_address_point_txt %}value="{{ form.initial.from_address_point_txt }}"{% endif %} @@ -115,7 +115,7 @@ -