pages/_includes/resume/publications.liquid
Abhilesh Dhawanjewar 4a2984a400
Fix: date pill position on CV (#2455)
Fixes: #2393 

Changes made in this PR - 
Added `style="width: 75px; transform: translateX(-15px)
translateY(-5px);">` to move the date pill `15px` to the left and `5px`
to the top

| Before | After |
| :-----: | :----: |
|
![date_pill_before](https://github.com/alshedivat/al-folio/assets/2447878/be80f8ea-b41f-4013-ace2-2ce4b184f076)
|
![date_pill_after](https://github.com/alshedivat/al-folio/assets/2447878/6f627e98-45aa-4b9a-b111-4c6c2013820c)
|
2024-05-31 13:27:10 -03:00

29 lines
1.2 KiB
Plaintext

<ul class="card-text font-weight-light list-group list-group-flush">
{% assign publications = data[1] | sort: 'releaseDate' | reverse %}
{% for content in publications %}
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
{% if content.releaseDate %} {% assign date = content.releaseDate | split: '-' | join: '.' %} {% else %} {% assign date = '' %} {% endif %}
<table class="table-cv">
<tbody>
<tr>
<td>
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px">{{ date }}</span>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
<h6 class="title font-weight-bold ml-1 ml-md-4">
<a href="{{ content.url }}">{{ content.name }}</a>
</h6>
<h6 class="ml-1 ml-md-4" style="font-size: 0.95rem">{{ content.publisher }}</h6>
<h6 class="ml-1 ml-md-4" style="font-size: 0.95rem; font-style: italic">{{ content.summary }}</h6>
</div>
</div>
</li>
{% endfor %}
</ul>