0.0.147 routes
This commit is contained in:
@@ -12,6 +12,9 @@
|
||||
display: grid;
|
||||
grid-template-columns: 30% calc(100% - 30% - 41px);
|
||||
gap: 41px;
|
||||
.routes_search_results{
|
||||
width: calc(100dvw - 40px);
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
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 {
|
||||
margin-bottom: 0;
|
||||
@@ -345,8 +339,9 @@
|
||||
}
|
||||
}
|
||||
.place_title{
|
||||
--gradient_100: var(--max-width);
|
||||
--max-width: calc(var(--from-to-place-data-width) - 52.3px);
|
||||
--gradient_end: var(--max-width);
|
||||
--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-weight: 800;
|
||||
max-width: var(--max-width);
|
||||
@@ -356,7 +351,12 @@
|
||||
color: transparent;
|
||||
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">
|
||||
<form name="search_routes" onsubmit="searchRoutes(this)">
|
||||
<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 %}
|
||||
{% if form.errors.from_city %}<div class="error_container">{{ form.errors.from_city.0 }}</div>{% endif %}
|
||||
</div>
|
||||
<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 %}
|
||||
{% if form.errors.to_city %}<div class="error_container">{{ form.errors.to_city.0 }}</div>{% endif %}
|
||||
</div>
|
||||
|
||||
@@ -86,7 +86,7 @@
|
||||
<img src="{{ route.from_city.country.flag.url }}" alt="">
|
||||
<div class="country_code">{{ route.from_city.country.code }}</div>
|
||||
</div>
|
||||
<div class="place_title{% if route.to_city.name|length > 14 %} gradient{% endif %}">
|
||||
<div class="place_title gradient">
|
||||
{{ route.from_city.name }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -127,7 +127,7 @@
|
||||
<img src="{{ route.to_city.country.flag.url }}" alt="">
|
||||
<div class="country_code">{{ route.to_city.country.code }}</div>
|
||||
</div>
|
||||
<div class="place_title{% if route.to_city.name|length > 14 %} gradient{% endif %}">
|
||||
<div class="place_title gradient">
|
||||
{{ route.to_city.name }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user