diff --git a/static/v2/css/blocks/b_dont_found_anth.css b/static/v2/css/blocks/b_dont_found_anth.css new file mode 100644 index 0000000..338e840 --- /dev/null +++ b/static/v2/css/blocks/b_dont_found_anth.css @@ -0,0 +1,107 @@ +.b_dont_found_anth{ + padding: 9px 60px; + background: #fff; + border-radius: 10px; + position: relative; + min-height: 254px; + .first_imgs_line, .second_imgs_line { + display: flex; + align-items: center; + justify-content: space-between; + position: absolute; + &.first_imgs_line{ + top: 9px; + left: 190px; + width: calc(100% - 380px); + } + &.second_imgs_line{ + top: 117px; + left: 60px; + width: calc(100% - 120px); + } + } + .container_content{ + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + min-height: 254px; + width: 100%; + } + .title{ + font-size: 44px; + font-weight: 700; + margin: 0; + } + .description{ + font-size: 16px; + font-weight: 400; + margin: 20px 0; + } + @media (max-width: 1440px) { + padding: 9px 25px; + .first_imgs_line, .second_imgs_line { + &.first_imgs_line{ + top: 9px; + left: 140px; + width: calc(100% - 280px); + } + &.second_imgs_line{ + top: 117px; + left: 25px; + width: calc(100% - 50px); + } + } + } + @media (max-width: 1200px) { + padding: 9px 25px; + .first_imgs_line, .second_imgs_line { + &.first_imgs_line{ + display: none; + } + &.second_imgs_line{ + min-height: 254px; + top: 0; + img{ + width: 165px; + } + } + } + } + @media (max-width: 1024px) { + padding: 9px 11px; + .first_imgs_line, .second_imgs_line { + &.second_imgs_line{ + min-height: 254px; + top: 0; + left: 11px; + width: calc(100% - 22px); + img{ + width: 140px; + } + } + } + } + @media (max-width: 950px) { + .title{ + font-size: 32px; + } + .first_imgs_line, .second_imgs_line { + &.second_imgs_line{ + img{ + width: 100px; + } + } + } + } + @media (max-width: 879px) { + .first_imgs_line, .second_imgs_line { + &.second_imgs_line{ + display: none; + img{ + width: 100px; + } + } + } + } +} \ No newline at end of file diff --git a/static/v2/css/pages/p_search_route_results.css b/static/v2/css/pages/p_search_route_results.css index aceff2d..94f29b2 100644 --- a/static/v2/css/pages/p_search_route_results.css +++ b/static/v2/css/pages/p_search_route_results.css @@ -12,17 +12,14 @@ display: grid; grid-template-columns: 30% calc(100% - 30% - 41px); gap: 41px; - .routes_search_results{ - @media (max-width: 1160px) { - width: calc(100dvw - 40px); - } - } + /*.routes_search_results{*/ + /* @media (max-width: 1160px) {*/ + /* width: calc(100dvw - 40px);*/ + /* }*/ + /*}*/ @media (max-width: 1440px) { margin-top: 40px; } - @media (max-width: 992px) { - grid-template-columns: 20px; - } @media (max-width: 800px) { grid-template-columns: 1fr; } diff --git a/static/v2/icons/blocks/b_dont_found_anth/box1.png b/static/v2/icons/blocks/b_dont_found_anth/box1.png new file mode 100644 index 0000000..16f7e33 Binary files /dev/null and b/static/v2/icons/blocks/b_dont_found_anth/box1.png differ diff --git a/static/v2/icons/blocks/b_dont_found_anth/box2.png b/static/v2/icons/blocks/b_dont_found_anth/box2.png new file mode 100644 index 0000000..0ddc4cc Binary files /dev/null and b/static/v2/icons/blocks/b_dont_found_anth/box2.png differ diff --git a/static/v2/icons/blocks/b_dont_found_anth/box3.png b/static/v2/icons/blocks/b_dont_found_anth/box3.png new file mode 100644 index 0000000..4a8f33f Binary files /dev/null and b/static/v2/icons/blocks/b_dont_found_anth/box3.png differ diff --git a/static/v2/icons/blocks/b_dont_found_anth/box4.png b/static/v2/icons/blocks/b_dont_found_anth/box4.png new file mode 100644 index 0000000..a610409 Binary files /dev/null and b/static/v2/icons/blocks/b_dont_found_anth/box4.png differ diff --git a/static/v2/js/pages/p_search_route_results.js b/static/v2/js/pages/p_search_route_results.js index e477f83..61bfd93 100644 --- a/static/v2/js/pages/p_search_route_results.js +++ b/static/v2/js/pages/p_search_route_results.js @@ -10,7 +10,7 @@ $(document).ready(function() { el: $(".b_filter_routes")[0], recover_el_view: true, ghost_block:{name: 'route_filters'}, - $unnatach_bottom_el: $("footer")[0] + $unnatach_bottom_el: $(".b_dont_found_anth")[0] }) _scroll.init() $('body')[0].onscroll = function() { diff --git a/static/v2/js/service/scroll.js b/static/v2/js/service/scroll.js index 83feed5..d0a3b2c 100644 --- a/static/v2/js/service/scroll.js +++ b/static/v2/js/service/scroll.js @@ -14,7 +14,8 @@ class scroll{ } attachElementWhenScroll(){ - if (!this.attached_by_bottom_el && this.$unnatach_bottom_el && this.$unnatach_bottom_el.getBoundingClientRect().top <= window.innerHeight && this.attached){ + let bottom_el_in_screen = this.$unnatach_bottom_el.getBoundingClientRect().top <= window.innerHeight + if (!this.attached_by_bottom_el && this.$unnatach_bottom_el && bottom_el_in_screen && this.attached){ let $unnatach_bottom_el_margin_top= window.getComputedStyle(this.$unnatach_bottom_el) $unnatach_bottom_el_margin_top = $unnatach_bottom_el_margin_top.getPropertyValue('margin-top'); $unnatach_bottom_el_margin_top = $unnatach_bottom_el_margin_top.split('p') @@ -26,7 +27,7 @@ class scroll{ } else if (this.attached_by_bottom_el && this.$unnatach_bottom_el && this.$unnatach_bottom_el.getBoundingClientRect().top >= window.innerHeight) { this.attachFunc(false) } - if (!this.attached && this.$el.getBoundingClientRect().top <= this.attach_top) { + if (!this.attached && this.$el.getBoundingClientRect().top <= this.attach_top && !bottom_el_in_screen) { this.attachFunc() } else if ((this.$el.parentElement.getBoundingClientRect().top - this.attach_top) > 0){ this.$el.style.position = "unset"; diff --git a/templates/v2/blocks/b_dont_found_anth.html b/templates/v2/blocks/b_dont_found_anth.html new file mode 100644 index 0000000..dfc737a --- /dev/null +++ b/templates/v2/blocks/b_dont_found_anth.html @@ -0,0 +1,23 @@ +{% load static %} +{% load i18n %} + + +
+
+ + +
+
+ + +
+
+
{% trans "Не нашли, что искали?" %}
+
+ {% trans "Создайте свое объявление и Вас начнут находить перевозчики со всего мира!" %} +
+
+ {% trans "Создать объявление" %} +
+
+
\ No newline at end of file diff --git a/templates/v2/pages/p_search_route_results.html b/templates/v2/pages/p_search_route_results.html index 7516361..b62a8da 100644 --- a/templates/v2/pages/p_search_route_results.html +++ b/templates/v2/pages/p_search_route_results.html @@ -28,7 +28,5 @@ {% include "v2/blocks/b_search_routes_result.html" %} -
- -
+ {% include 'v2/blocks/b_dont_found_anth.html' %} {% endblock %} \ No newline at end of file