diff --git a/static/v2/css/widgets/w_route_card.css b/static/v2/css/widgets/w_route_card.css index 1d6c0eb..32a66e5 100644 --- a/static/v2/css/widgets/w_route_card.css +++ b/static/v2/css/widgets/w_route_card.css @@ -118,6 +118,7 @@ z-index: 10; } .route_card_text_container{ + position: relative; @media (max-width: 992px) { --big-font-size: 14px; } @@ -127,11 +128,34 @@ border-radius: var(--route-text-container-border-radius); font-size: var(--big-font-size); - .route_card_text_container_txt{ - background-image: linear-gradient(94.66deg, rgba(0, 0, 0, 1) 0%, rgba(241, 241, 241, 0) 8.64%, rgba(241, 241, 241, 0.98) 16.62%); - color: transparent; - background-clip: text; - -webkit-background-clip: text; + &.msg{ + .route_card_text_container_txt{ + background-image: linear-gradient(94.66deg, rgba(0, 0, 0, 1) 0%, rgba(241, 241, 241, 0) 8.64%, rgba(241, 241, 241, 0.98) 16.62%); + color: transparent; + background-clip: text; + -webkit-background-clip: text; + } + .route_msg_for_unregistered_user{ + position: absolute; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + gap: 10px; + img{ + width: 32px; + height: 32px; + display: block; + } + div{ + font-size: 12px; + width: 215px; + overflow-wrap: break-word; + color: #27242499; + } + } } } .route_card_owner_info{ diff --git a/static/v2/icons/widgets/w_route_card/unregistered.svg b/static/v2/icons/widgets/w_route_card/unregistered.svg new file mode 100644 index 0000000..f5ce38e --- /dev/null +++ b/static/v2/icons/widgets/w_route_card/unregistered.svg @@ -0,0 +1,3 @@ + diff --git a/templates/v2/content_widgets/w_route_card/route_card_info_data_for_search.html b/templates/v2/content_widgets/w_route_card/route_card_info_data_for_search.html index 6fec11b..94ee74a 100644 --- a/templates/v2/content_widgets/w_route_card/route_card_info_data_for_search.html +++ b/templates/v2/content_widgets/w_route_card/route_card_info_data_for_search.html @@ -24,7 +24,7 @@