This commit is contained in:
Marwan Alwali 2025-06-02 10:59:00 +03:00
parent 32cae30158
commit c206a018f7

View File

@ -10,14 +10,20 @@
min-height: 500px; min-height: 500px;
} }
.kanban-header { .kanban-header {
position: relative; position: relative;
font-weight: 600; font-weight: 600;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
color: #333; color: #333;
clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%); --pointed-edge: {% if LANGUAGE_CODE == 'en' %} right {% else %} left {% endif %};
box-shadow: 0 1px 2px rgba(0,0,0,0.1); clip-path: {% if LANGUAGE_CODE == 'en' %}
} polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%)
{% else %}
polygon(15px 0, 100% 0, 100% 100%, 15px 100%, 0 50%)
{% endif %};
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.kanban-header::after { .kanban-header::after {
content: ""; content: "";
@ -69,7 +75,7 @@
<!-- New Lead --> <!-- New Lead -->
<div class="col-md"> <div class="col-md">
<div class="kanban-column bg-body"> <div class="kanban-column bg-body">
<div class="kanban-header bg-secondary-light">{{ _("New Leads")}} ({{new|length}})</div> <div class="kanban-header opacity-75"><span class="text-body">{{ _("New Leads")}} ({{new|length}})</span></div>
{% for lead in new %} {% for lead in new %}
<a href="{% url 'lead_detail' lead.slug %}"> <a href="{% url 'lead_detail' lead.slug %}">
<div class="lead-card"> <div class="lead-card">
@ -85,7 +91,7 @@
<!-- Follow Ups --> <!-- Follow Ups -->
<div class="col-md"> <div class="col-md">
<div class="kanban-column bg-body"> <div class="kanban-column bg-body">
<div class="kanban-header bg-info-light">{{ _("Follow Ups")}} ({{follow_up|length}})</div> <div class="kanban-header opacity-75"><span class="text-body">{{ _("Follow Ups")}} ({{follow_up|length}})</span></div>
{% for lead in follow_up %} {% for lead in follow_up %}
<a href="{% url 'lead_detail' lead.slug %}"> <a href="{% url 'lead_detail' lead.slug %}">
<div class="lead-card"> <div class="lead-card">
@ -101,7 +107,7 @@
<!-- Negotiation --> <!-- Negotiation -->
<div class="col-md"> <div class="col-md">
<div class="kanban-column bg-body"> <div class="kanban-column bg-body">
<div class="kanban-header bg-negotiation-soft">{{ _("Negotiation") }} ({{negotiation|length}})</div> <div class="kanban-header opacity-75"><span class="text-body">{{ _("Negotiation Ups")}} ({{follow_up|length}})</span></div>
{% for lead in negotiation %} {% for lead in negotiation %}
<a href="{% url 'lead_detail' lead.slug %}"> <a href="{% url 'lead_detail' lead.slug %}">
<div class="lead-card"> <div class="lead-card">
@ -117,7 +123,7 @@
<!-- Won --> <!-- Won -->
<div class="col-md"> <div class="col-md">
<div class="kanban-column bg-body"> <div class="kanban-column bg-body">
<div class="kanban-header bg-success-soft">{{ _("Won") }} ({{won|length}})</div> <div class="kanban-header bg-success-light opacity-75"><span class="text-body">{{ _("Won") }} ({{won|length}}) ({{follow_up|length}})</span></div>
{% for lead in won %} {% for lead in won %}
<a href="{% url 'lead_detail' lead.slug %}"> <a href="{% url 'lead_detail' lead.slug %}">
<div class="lead-card"> <div class="lead-card">
@ -133,7 +139,7 @@
<!-- Lose --> <!-- Lose -->
<div class="col-md"> <div class="col-md">
<div class="kanban-column bg-body"> <div class="kanban-column bg-body">
<div class="kanban-header bg-danger-soft">{{ _("Lost") }} ({{lose|length}})</div> <div class="kanban-header bg-danger-light opacity-75">{{ _("Lost") }} ({{lose|length}})</div>
{% for lead in lose %} {% for lead in lose %}
<a href="{% url 'lead_detail' lead.slug %}"> <a href="{% url 'lead_detail' lead.slug %}">
<div class="lead-card"> <div class="lead-card">