diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index 38a57d4..809f96f 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -99,6 +99,20 @@ } @media (max-width: 1024px){ + .subscribe_inf{ + height: 364px; + + } + .subscribe_inf>.clear_both{ + clear: both; + } + + .phones_carrier{ + display: inline-block; + margin-right: 20px; + } + + .wrapper_content { margin: 20px; } @@ -124,7 +138,7 @@ margin-right: 26px; } header .header-first{ - margin-top: 20px; + margin-top: 5px; } header .header-second { @@ -195,6 +209,40 @@ .daterangepicker{ width: 291px; } + + .container_inf_about_moving{ + width: 65%; + margin: auto; + } + + /*.carrier_inf_moving.left{*/ + /* display: inline-block;*/ + /* width: unset;*/ + /* float: unset;*/ + /* text-align: left;*/ + /*}*/ + /*.carrier_inf_moving.right{*/ + /* display: inline-block;*/ + /* width: unset;*/ + /* float: unset;*/ + /* text-align: right;*/ + /*}*/ + /*.arrow_inf_about_moving{*/ + /* display: inline-block;*/ + /* margin: 0 10px;*/ + /* width: 100px;*/ + /*}*/ + + + + .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving{ + width: 100%; + + } + + + + .cont-el-form-search-carrier > button{ width: 100%; } @@ -531,7 +579,7 @@ } #title_static_customer2{ font-size: 24px; - margin-bottom: unset; + margin-bottom: 25px; } @@ -884,6 +932,7 @@ width: unset; float: none; padding: 1px 15px; + border-right: unset; } .inf_carrier_container{ padding-top: 70px; @@ -916,8 +965,7 @@ .from-to-country-container-carrier{ width: unset; - padding-left: 10px; - padding-right: 10px; + padding: 10px; } .splitter-from-to-country{ margin-left: 8%; @@ -934,17 +982,18 @@ .carrier-title, .type_transportation_carrier{ - font-size: 14px; - text-align: center; + font-size: 12px; + margin-top: 20px; + display: inline-block; width: unset; float: unset; - margin-top: 20px; } .line_inf_about_moving{ font-size: 12px; font-style: normal; font-weight: 600; + text-align: center; } .line_inf_about_moving>.clear_both{ clear: unset; @@ -963,8 +1012,7 @@ padding-top: unset; } .arrow_inf_about_moving{ - top: 7px; - width: 17%; + left: unset; } @@ -975,10 +1023,26 @@ text-align: center; } .inf_carrier_icon{ - width: 3%; + width: 20px; + display: inline-block; } + + .phones_carrier_span, .email_carrier_span{ + width: unset; + float: unset; + /*background: linear-gradient(92deg, #000000 1%, #ffffff 93%, #ffffff);*/ + /*background: linear-gradient(90deg, #000000 1%, #ffffff 81%, #ffffff);*/ + -webkit-text-fill-color: unset; + padding-right: unset; + font-size: 14px; + top: unset; + } + .email_carrier{ + display: inline-block; + } + .name_carrier{ - font-size: 12px; + font-size: 14px; } @@ -1014,7 +1078,7 @@ /* subscribe*/ .b_another_subscribes{ - width: 100%; + width: 97%; } .state_subscribe, .state_subscribe > a{ @@ -1079,9 +1143,9 @@ .another_subscribe{ width: 100%; height: unset; - flex-direction: column; margin: 20px auto; - padding: unset; + padding: 10px; + justify-content: space-evenly; } .text_another_subscribe{ @@ -1096,7 +1160,8 @@ width: unset; } .read_more_about_subscribe{ - margin-bottom: 20px; + /*margin-bottom: 20px;*/ + width: unset; } @@ -1158,13 +1223,47 @@ } @media (max-width: 950px){ + + .info_profile{ width: 65%; float: none; /*margin-left: 25px;*/ } } -@media (max-width: 847px){ +@media (max-width: 850px){ + + .read_more_about_subscribe{ + padding: 0 14px; + } + + .subscribe_inf_right_part, .subscribe_inf_left_part{ + width: 100%; + float: unset; + margin: 10px auto; + } + + .subscribe_inf{ + height: unset; + } + .wrapper_switch_cont>.width-100 { + display: inline-block; +} + + .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.arrow_inf_about_moving{ + width: 85px; + } + .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.right{ + width: 33%; + } + .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving { + width: 90%; +} + + .container_inf_about_moving{ + width: 78%; + margin: auto; + } .info_profile{ width: 61%; @@ -1191,12 +1290,8 @@ margin-top: 6px; width: 12%; } - .carrier_inf_moving.left{ - width: 46%; - } - .carrier_inf_moving.right{ - width: 37%; - } + + } @@ -1208,7 +1303,7 @@ /* width: 54.1%;*/ /*}*/ .inf_carrier_icon{ - width: 4%; + /*width: 4%;*/ } .info_profile{ @@ -1222,6 +1317,14 @@ } @media (max-width: 776px){ + .another_subscribe { + flex-direction: column; + } + + .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.left{ + width: 39%; + } + .info_profile { width: 56%; float: none; @@ -1287,12 +1390,12 @@ } .another_subscribe{ - padding: 10px 10px 0 10px; + padding: 10px; flex-direction: unset; justify-content: space-evenly; } .inf_carrier_icon{ - width: 3%; + /*width: 3%;*/ } } @media (max-width: 687px){ @@ -1303,6 +1406,11 @@ /* width: 52.1%;*/ /*}*/ + .container_inf_about_moving { + width: 97%; + margin: auto; +} + .self_news_img{ width: 45%; } @@ -1333,7 +1441,18 @@ } -@media (max-width: 575px) { +@media (max-width: 575px){ + +.container_inf_about_moving{ + width: 100%; +} + + .arrow_inf_about_moving{ + width: 75px; + } + .carrier_inf_moving.right{ + width: 31%; + } .self_news_img{ width: 100%; @@ -1398,12 +1517,14 @@ /* width: 51.1%;*/ /*}*/ .another_subscribe{ - padding: 15px 0 0; - flex-direction: column; - justify-content: unset; + /*padding: 15px 0 0;*/ } + .read_more_about_subscribe{ + width: unset; + } + .dropdown-content{ width: 190px; top: 27px; @@ -1423,7 +1544,7 @@ gap: 20px; } .inf_carrier_icon{ - width: 4%; + /*width: 4%;*/ } } @@ -1441,10 +1562,47 @@ width: 99%; } + .another_subscribe{ + padding: 15px 0; + flex-direction: column; + justify-content: unset; + + } + } @media (max-width: 440px){ + .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.left { + width: 35%; +} + .inf_carrier_container { + padding-top: 5px; + } + + .line_inf_about_moving{ + margin-bottom: 60px; + height: 20px; + } + .arrow_inf_about_moving{ + width: 60px; + } + + .carrier_inf_moving.right { + width: 33%; +} + + .carrier_inf_moving.left{ + width: 35%; + } + + .carrier-title, .type_transportation_carrier{ + text-align: center; + width: unset; + float: unset; + margin-top: 20px; + } + .splitter-from-to-country { margin-left: 5%; } @@ -1464,7 +1622,11 @@ top: -1px; } .inf_carrier_icon { - width: 6%; + /*width: 6%;*/ +} + + .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.arrow_inf_about_moving { + width: 70px; } @@ -1472,19 +1634,24 @@ @media (max-width: 360px){ .tab-btn-1{ - padding: 5px 0 0; + padding: unset; } .tab-btn-2{ - padding: 0 0 5px; + padding: unset; } .tab-btn-active{ - padding: 10px; + padding: 10px 55px; } .wrapper_tab_button{ - width: 55%; + width: 250px; /*margin-top: 20px;*/ } + .tabs>div>#title_static{ + line-height: 30px; + } + + diff --git a/templates/blocks/profile/b_subscribe_current.html b/templates/blocks/profile/b_subscribe_current.html index 537f065..ab1b7c0 100644 --- a/templates/blocks/profile/b_subscribe_current.html +++ b/templates/blocks/profile/b_subscribe_current.html @@ -67,7 +67,7 @@ {% endif %} -
+
Период: {{ item.period_name }}
diff --git a/templates/widgets/w_carrier_card.html b/templates/widgets/w_carrier_card.html index ec69464..f998055 100644 --- a/templates/widgets/w_carrier_card.html +++ b/templates/widgets/w_carrier_card.html @@ -43,10 +43,10 @@ {{ route.owner.email }} {# #}
-
{{ route.get_cargo_type_display }}
-
{{ route.weight }}
-
{{ route.get_owner_type_display }}
-
{{ route.id }},{{ forloop.counter }}
+{#
{{ route.get_cargo_type_display }}
#} +{#
{{ route.weight }}
#} +{#
{{ route.get_owner_type_display }}
#} +{#
{{ route.id }},{{ forloop.counter }}
#}
{% if route.owner != user %}