diff --git a/static/v2/css/widgets/w_route_card.css b/static/v2/css/widgets/w_route_card.css index ec993d1..c2cb033 100644 --- a/static/v2/css/widgets/w_route_card.css +++ b/static/v2/css/widgets/w_route_card.css @@ -195,6 +195,8 @@ height: calc(100% - 10px); width: 4px; background-repeat: repeat-y; + background-image: url("/static/v2/icons/widgets/w_route_card/route_arrow_mobile.svg"); + background-size: 4px; } } .route_transport, .route_date_data{ @@ -358,11 +360,11 @@ } } .route_btn{ - @media (max-width: 1160px) { - &.phone{display: none;}; - &.mobile{display: flex!important;} - } &.mobile{display: none;} + @media (max-width: 1160px) { + &.mobile{display: flex;} + &.hide_in_mobile{display: none!important;}; + } cursor: pointer; &.solid{ @@ -384,6 +386,7 @@ height: var(--route-btn-height); margin: var(--route-btn-margin); text-align: center; + justify-content: center; transition: 200ms all; &:has(img){ display: flex; @@ -456,6 +459,11 @@ margin-top: var(--route-number-margin-top); } .respond_route_cont{ + &.mobile{display: none;} + @media (max-width: 1160px) { + display: none; + &.mobile{display: grid;} + } display: grid; grid-template-columns: calc(100% - 47px) 37px; gap: 10px; diff --git a/static/v2/icons/widgets/w_route_card/route_arrow_mobile.svg b/static/v2/icons/widgets/w_route_card/route_arrow_mobile.svg new file mode 100644 index 0000000..dfa3d5c Binary files /dev/null and b/static/v2/icons/widgets/w_route_card/route_arrow_mobile.svg differ diff --git a/static/v2/js/widgets/w_route_card.js b/static/v2/js/widgets/w_route_card.js index d36c366..243ffed 100644 --- a/static/v2/js/widgets/w_route_card.js +++ b/static/v2/js/widgets/w_route_card.js @@ -118,8 +118,9 @@ function highlightRoute(el) { function respondBtnClickEvent(el) { if (!el) return; - let $parent = el.closest(".route_card_owner_info") + let $parent = el.closest(".w_route_card") let $responde_cont = $parent.querySelector(".respond_route_cont") + if (window.innerWidth < 1160) $responde_cont = $parent.querySelector(".respond_route_cont.mobile") $(el).fadeOut(500); sleep(500).then(() => { diff --git a/templates/v2/content_widgets/w_route_card/route_card_actions_container.html b/templates/v2/content_widgets/w_route_card/route_card_actions_container.html index 4ebf928..1570cfd 100644 --- a/templates/v2/content_widgets/w_route_card/route_card_actions_container.html +++ b/templates/v2/content_widgets/w_route_card/route_card_actions_container.html @@ -17,7 +17,7 @@ -