0.0.51 w route card
This commit is contained in:
@@ -39,12 +39,16 @@
|
||||
--route-btn-hover-text-color: #FFFFFF;
|
||||
--route-btn-title-color: #272424;
|
||||
--route-btn-text-data-color: #27242499;
|
||||
--route-btn-margin: 0;
|
||||
|
||||
--route-date-data-justify: center;
|
||||
--route-date-data-margin: 4px 0 0 0;
|
||||
|
||||
--card-splitter-bg: #E6E6E6;
|
||||
|
||||
--route-number-font-size: 12px;
|
||||
--route-number-margin-top: 5px;
|
||||
|
||||
background: var(--route-card-bg);
|
||||
margin: var(--route-card-margin);
|
||||
box-shadow: var(--route-card-box_shadow);
|
||||
@@ -166,7 +170,10 @@
|
||||
}
|
||||
&.route_date_data{
|
||||
margin-top: 0;
|
||||
margin-bottom: 39px;
|
||||
margin-bottom: 5px;
|
||||
&:last-of-type{
|
||||
margin-bottom: 39px;
|
||||
}
|
||||
}
|
||||
justify-content: left!important;
|
||||
}
|
||||
@@ -181,6 +188,7 @@
|
||||
} &:has(.departure_from){
|
||||
.place{justify-content: left}
|
||||
}
|
||||
@media (max-width: 1160px) {.place{justify-content: left!important;}}
|
||||
.label{
|
||||
color: #27242499;
|
||||
font-size: var(--big-font-size);
|
||||
@@ -312,7 +320,7 @@
|
||||
.route_btn{
|
||||
@media (max-width: 1160px) {
|
||||
&.phone{display: none;};
|
||||
&.mobile{display: block;}
|
||||
&.mobile{display: flex!important;}
|
||||
}
|
||||
&.mobile{display: none;}
|
||||
|
||||
@@ -334,6 +342,7 @@
|
||||
padding: var(--route-btn-padding);
|
||||
background: var(--route-btn-bg);
|
||||
height: var(--route-btn-height);
|
||||
margin: var(--route-btn-margin);
|
||||
text-align: center;
|
||||
transition: 200ms all;
|
||||
&:has(img){
|
||||
@@ -391,4 +400,15 @@
|
||||
gap: 21px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.route_number{
|
||||
@media (max-width: 1160px) {
|
||||
--route-number-font-size: 10px;
|
||||
--route-number-margin-top: 10px;
|
||||
}
|
||||
color: #000000;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
font-size: var(--route-number-font-size);
|
||||
margin-top: var(--route-number-margin-top);
|
||||
}
|
||||
}
|
||||
@@ -24,6 +24,7 @@
|
||||
{% trans "Комментарий отсутствует" %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="route_number">{% trans "Объявление №" %} {{ route.id }}</div>
|
||||
</div>
|
||||
<div class="route_card_route_data">
|
||||
<div class="from_to_place_data">
|
||||
@@ -107,12 +108,6 @@
|
||||
{{ route.from_city.name }}/{{ route.from_city.country.name }}
|
||||
</div>
|
||||
</div>
|
||||
{% if route.owner_type == 'mover' %}
|
||||
<div class="route_date_data">
|
||||
{% trans "Отправка:" %}
|
||||
<div class="date_data_value">{{ route.departure_DT|date:'d F Y' }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="route_way_data">
|
||||
<div class="route_transport">
|
||||
@@ -132,6 +127,15 @@
|
||||
{% trans "Дата доставки:" %}
|
||||
<div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="route_date_data">
|
||||
{% trans "Отправка:" %}
|
||||
<div class="date_data_value">{{ route.departure_DT|date:'d F Y' }}</div>
|
||||
</div>
|
||||
<div class="route_date_data">
|
||||
{% trans "Прибытие:" %}
|
||||
<div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="from_to_place_data">
|
||||
@@ -145,12 +149,6 @@
|
||||
{{ route.to_city.name }}/{{ route.to_city.country.name }}
|
||||
</div>
|
||||
</div>
|
||||
{% if route.owner_type == 'mover' %}
|
||||
<div class="route_date_data">
|
||||
{% trans "Прибытие:" %}
|
||||
<div class="date_data_value">{{ route.arrival_DT|date:'d F Y' }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -170,7 +168,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="route_btn phone mobile inactive" style="--route-btn-width: 100%;--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;">
|
||||
<div class="route_btn phone mobile inactive" style="--route-btn-width: auto;--route-btn-height: min-content;--route-btn-padding: 7.5px 11px;--route-btn-margin: 20.5px 0 0 0;">
|
||||
<img src="{% static "v2/icons/widgets/w_route_card/phone_half_opacity.svg" %}" alt="">
|
||||
<div class="route_btn_title big">{{ route.phone }}</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user