admin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix(UI): \n 1. Prevented experience section dates from being detected as phone numbers on Safari on iOS. \n 2. Added GitHub contributions calendar overflow-x handling. \n 3. Re-added security header tags. \n 4. Locked experience section date styling to prevent user from noticing faulty iOS detection as phone number behaviour.

Browse Source
This commit is contained in:
teddy
2025-03-05 19:54:14 +00:00
parent 5d488bd601
commit c237680b30
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
styles/experience-section.css
View File

@@ -6,12 +6,12 @@
margin-bottom: 0; margin-bottom: 0;
} }
.experience-date { .experience-date {
color: var(--primary-colour); color: var(--primary-colour) !important;
font-size: 0.9rem; font-size: 0.9rem;
width: 50%; width: 50%;
min-width: 50%; min-width: 50%;
-webkit-text-fill-color: inherit; -webkit-text-fill-color: inherit;
text-decoration: none; text-decoration: none !important;
pointer-events: none; pointer-events: none;
} }
.experience-card:last-child { .experience-card:last-child {

5
styles/github-contributions-calendar.css
View File

@@ -1,9 +1,14 @@
/* GitHub Contributions Calendar */ /* GitHub Contributions Calendar */
.github-calendar { .github-calendar {
max-width: 100%;
width: fit-content; width: fit-content;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.github-calendar table.js-calendar-graph-table thead th:first-child,
.github-calendar table.js-calendar-graph-table tbody td:first-child {
min-width: 1.5rem;
}
/* Hide broken statistics */ /* Hide broken statistics */
.github-calendar > :not(:first-child) { .github-calendar > :not(:first-child) {
display: none; display: none;