nestict/ihrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[UPDT] EMPLOYEE: Updated the birthday event card to prevent overflow

Browse Source
This commit is contained in:
Horilla
2025-11-18 11:26:06 +05:30
parent 1eca690b2c
commit 0730c5ecff
1 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
employee/templates/dashboard/birthdays_container.html
View File

@@ -3,27 +3,32 @@
<div class="oh-dashboard__events w-100">
<div class="oh-dashbaord__events-reel w-100" id="birthdayContainer" style="transform: translateX(0%);">
{% for birthday in birthdays %}
<div class="oh-dashboard__event" style="background-color: rgb(231, 76, 60);">
<div class="oh-dasboard__event-photo">
<img onload="autoSlider()" src="{{birthday.profile}}"
style="width: 100%;height: 100%;object-fit: cover;">
</div>
<div class="oh-dasboard__event-details">
<span class="oh-dashboard__event-title">{% trans "Birthday" %}</span>
<span class="oh-dashboard__event-main">{{birthday.name}}</span>
<span class="oh-dashboard__event-date">{{birthday.dob}}, {{birthday.daysUntilBirthday}}</span>
<span class="oh-dashboard__event-date"
style="font-size:10px;">{{birthday.job_position}}{% if birthday.job_position and birthday.department %}, {% endif %}{{birthday.department}}</span>
</div>
<div class="oh-dashboard__event" style="background-color: rgb(231, 76, 60);">
<div class="oh-dasboard__event-photo">
<img onload="autoSlider()" src="{{birthday.profile}}"
style="width: 100%;height: 100%;object-fit: cover;">
</div>
<div class="oh-dasboard__event-details">
<span class="oh-dashboard__event-title">{% trans "Birthday" %}</span>
<span class="oh-dashboard__event-main"
title="{{birthday.name}}">{{birthday.name|truncatechars:24}}</span>
<span class="oh-dashboard__event-date">{{birthday.dob}}, {{birthday.daysUntilBirthday}}</span>
<span class="oh-dashboard__event-date" style="font-size:10px;" title="{{birthday.job_position}}">
{{birthday.job_position|truncatechars:24}}
</span>
<span class="oh-dashboard__event-date" style="font-size:10px;" title="{{birthday.department}}"></span>
{{birthday.department|truncatechars:24}}
</span>
</div>
</div>
{% endfor %}
</div>
<ul class="oh-dashboard__events-nav" id="birthdayDots">
{% for birthday in birthdays %}
<li onclick="moveSlider(event)"
class="oh-dashboard__events-nav-item {% if forloop.first %}oh-dashboard__events-nav-item--active{% endif %}"
data-target="{{ forloop.counter0 }}">
</li>
<li onclick="moveSlider(event)"
class="oh-dashboard__events-nav-item {% if forloop.first %}oh-dashboard__events-nav-item--active{% endif %}"
data-target="{{ forloop.counter0 }}">
</li>
{% endfor %}
</ul>
</div>