0.0.147 routes
This commit is contained in:
@@ -12,6 +12,9 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 30% calc(100% - 30% - 41px);
|
grid-template-columns: 30% calc(100% - 30% - 41px);
|
||||||
gap: 41px;
|
gap: 41px;
|
||||||
|
.routes_search_results{
|
||||||
|
width: calc(100dvw - 40px);
|
||||||
|
}
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -265,12 +265,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.place_title{
|
|
||||||
width: 100%;
|
|
||||||
--max-width: var(--from-to-place-data-width)!important;
|
|
||||||
background-image: linear-gradient(90deg, rgb(0 0 0) 0%, #FFFFFF var(--max-width))!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.route_transport, .route_date_data {
|
.route_transport, .route_date_data {
|
||||||
&.route_transport {
|
&.route_transport {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@@ -345,8 +339,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.place_title{
|
.place_title{
|
||||||
--gradient_100: var(--max-width);
|
--gradient_end: var(--max-width);
|
||||||
--max-width: calc(var(--from-to-place-data-width) - 52.3px);
|
--gradient_start: calc(var(--max-width) - 70px);
|
||||||
|
--max-width: calc(var(--from-to-place-data-width) - 62.3px);
|
||||||
font-size: var(--big-font-size);
|
font-size: var(--big-font-size);
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
max-width: var(--max-width);
|
max-width: var(--max-width);
|
||||||
@@ -356,7 +351,12 @@
|
|||||||
color: transparent;
|
color: transparent;
|
||||||
background-clip: text;
|
background-clip: text;
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
background-image: linear-gradient(90deg, rgb(0 0 0) 0%, #FFFFFF var(--gradient_100));
|
background-image: linear-gradient(90deg, rgb(0 0 0) 0%, #000 var(--gradient_start), #FFFFFF var(--gradient_end));
|
||||||
|
}
|
||||||
|
@media (max-width: 1160px) {
|
||||||
|
width: var(--max-width);
|
||||||
|
--gradient_end: var(--from-to-place-data-width);
|
||||||
|
--gradient_start: calc(var(--from-to-place-data-width) - 50px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,12 +5,24 @@
|
|||||||
<div class="b_search_routes">
|
<div class="b_search_routes">
|
||||||
<form name="search_routes" onsubmit="searchRoutes(this)">
|
<form name="search_routes" onsubmit="searchRoutes(this)">
|
||||||
<div class="field_container" data-type="location" data-name="from_city">
|
<div class="field_container" data-type="location" data-name="from_city">
|
||||||
<label for="id_from_city">{% trans "Выезжает из" %}</label>
|
<label for="id_from_city">
|
||||||
|
{% if owner_type == 'mover' %}
|
||||||
|
{% trans "Выезжает из" %}
|
||||||
|
{% else %}
|
||||||
|
{% trans "Забрать из" %}
|
||||||
|
{% endif %}
|
||||||
|
</label>
|
||||||
{% include 'v2/widgets/w_select_country.html' with name='from_city' placeholder='' initial=form.initial.from_city %}
|
{% include 'v2/widgets/w_select_country.html' with name='from_city' placeholder='' initial=form.initial.from_city %}
|
||||||
{% if form.errors.from_city %}<div class="error_container">{{ form.errors.from_city.0 }}</div>{% endif %}
|
{% if form.errors.from_city %}<div class="error_container">{{ form.errors.from_city.0 }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<div class="field_container" data-type="location" data-name="to_city">
|
<div class="field_container" data-type="location" data-name="to_city">
|
||||||
<label for="id_from_city">{% trans "Прибывает в" %}</label>
|
<label for="id_from_city">
|
||||||
|
{% if owner_type == 'mover' %}
|
||||||
|
{% trans "Прибывает в" %}
|
||||||
|
{% else %}
|
||||||
|
{% trans "Доставить в" %}
|
||||||
|
{% endif %}
|
||||||
|
</label>
|
||||||
{% include 'v2/widgets/w_select_country.html' with name='to_city' placeholder='' initial=form.initial.to_city %}
|
{% include 'v2/widgets/w_select_country.html' with name='to_city' placeholder='' initial=form.initial.to_city %}
|
||||||
{% if form.errors.to_city %}<div class="error_container">{{ form.errors.to_city.0 }}</div>{% endif %}
|
{% if form.errors.to_city %}<div class="error_container">{{ form.errors.to_city.0 }}</div>{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -86,7 +86,7 @@
|
|||||||
<img src="{{ route.from_city.country.flag.url }}" alt="">
|
<img src="{{ route.from_city.country.flag.url }}" alt="">
|
||||||
<div class="country_code">{{ route.from_city.country.code }}</div>
|
<div class="country_code">{{ route.from_city.country.code }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="place_title{% if route.to_city.name|length > 14 %} gradient{% endif %}">
|
<div class="place_title gradient">
|
||||||
{{ route.from_city.name }}
|
{{ route.from_city.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -127,7 +127,7 @@
|
|||||||
<img src="{{ route.to_city.country.flag.url }}" alt="">
|
<img src="{{ route.to_city.country.flag.url }}" alt="">
|
||||||
<div class="country_code">{{ route.to_city.country.code }}</div>
|
<div class="country_code">{{ route.to_city.country.code }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="place_title{% if route.to_city.name|length > 14 %} gradient{% endif %}">
|
<div class="place_title gradient">
|
||||||
{{ route.to_city.name }}
|
{{ route.to_city.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user