silva
/
new_site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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)
|
This commit is contained in:
Abhilesh Dhawanjewar 2024-05-31 17:27:10 +01:00 committed by GitHub
parent 351eb127fa
commit 4a2984a400
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
7 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/resume/awards.liquid
View File

@ -2,7 +2,7 @@
{% for content in data[1] %}
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
{% if content.date %} {% assign date = content.date | split: '-' | join: '.' %} {% else %} {% assign date = '' %} {% endif %}
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px"> {{ date }} </span>
</div>

2
_includes/resume/education.liquid
View File

@ -3,7 +3,7 @@
{% for content in education %}
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
{% if content.startDate and content.startDate != '' %}
{% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
{% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}

2
_includes/resume/projects.liquid
View File

@ -2,7 +2,7 @@
{% for content in data[1] %}
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
{% if content.startDate %}
{% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
{% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}

2
_includes/resume/publications.liquid
View File

@ -3,7 +3,7 @@
{% 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" style="width: 75px">
<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>

2
_includes/resume/volunteer.liquid
View File

@ -3,7 +3,7 @@
{% for content in volunteer %}
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
{% if content.startDate %}
{% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
{% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}

2
_includes/resume/work.liquid
View File

@ -3,7 +3,7 @@
{% for content in work %}
<li class="list-group-item">
<div class="row">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px">
<div class="col-xs-2 cl-sm-2 col-md-2 text-center date-column">
{% if content.startDate %}
{% assign startDate = content.startDate | split: '-' | slice: 0, 2 | join: '.' %}
{% assign endDate = content.endDate | split: '-' | slice: 0, 2 | join: '.' | default: 'Present' %}

5
_sass/_base.scss
View File

@ -484,6 +484,11 @@ footer.sticky-bottom {
color: var(--global-text-color);
}
.date-column {
width: 75px;
transform: translateX(-15px) translateY(-5px);
}
// Repositories
@media (min-width: 768px) {