From 3c08686f21eac676fc85fc4c61847af857bb562b Mon Sep 17 00:00:00 2001 From: SBD Date: Tue, 4 Feb 2025 20:06:22 +0300 Subject: [PATCH] 0.0.147 routes --- static/v2/css/pages/p_search_route_results.css | 3 +++ static/v2/css/widgets/w_route_card.css | 18 +++++++++--------- templates/v2/blocks/b_search_routes.html | 16 ++++++++++++++-- .../w_route_card/route_card_route_data.html | 4 ++-- 4 files changed, 28 insertions(+), 13 deletions(-) diff --git a/static/v2/css/pages/p_search_route_results.css b/static/v2/css/pages/p_search_route_results.css index 9c61aa3..62d2505 100644 --- a/static/v2/css/pages/p_search_route_results.css +++ b/static/v2/css/pages/p_search_route_results.css @@ -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; } diff --git a/static/v2/css/widgets/w_route_card.css b/static/v2/css/widgets/w_route_card.css index 6f5356d..c03d081 100644 --- a/static/v2/css/widgets/w_route_card.css +++ b/static/v2/css/widgets/w_route_card.css @@ -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); } } } diff --git a/templates/v2/blocks/b_search_routes.html b/templates/v2/blocks/b_search_routes.html index ecf5d94..c122a03 100644 --- a/templates/v2/blocks/b_search_routes.html +++ b/templates/v2/blocks/b_search_routes.html @@ -5,12 +5,24 @@
- + {% include 'v2/widgets/w_select_country.html' with name='from_city' placeholder='' initial=form.initial.from_city %} {% if form.errors.from_city %}
{{ form.errors.from_city.0 }}
{% endif %}
- + {% include 'v2/widgets/w_select_country.html' with name='to_city' placeholder='' initial=form.initial.to_city %} {% if form.errors.to_city %}
{{ form.errors.to_city.0 }}
{% endif %}
diff --git a/templates/v2/content_widgets/w_route_card/route_card_route_data.html b/templates/v2/content_widgets/w_route_card/route_card_route_data.html index a636763..6583ff2 100644 --- a/templates/v2/content_widgets/w_route_card/route_card_route_data.html +++ b/templates/v2/content_widgets/w_route_card/route_card_route_data.html @@ -86,7 +86,7 @@
{{ route.from_city.country.code }}
-
+
{{ route.from_city.name }}
@@ -127,7 +127,7 @@
{{ route.to_city.country.code }}
-
+
{{ route.to_city.name }}