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.
This commit is contained in:
@@ -6,12 +6,12 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.experience-date {
|
||||
color: var(--primary-colour);
|
||||
color: var(--primary-colour) !important;
|
||||
font-size: 0.9rem;
|
||||
width: 50%;
|
||||
min-width: 50%;
|
||||
-webkit-text-fill-color: inherit;
|
||||
text-decoration: none;
|
||||
text-decoration: none !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
.experience-card:last-child {
|
||||
|
||||
@@ -1,9 +1,14 @@
|
||||
/* GitHub Contributions Calendar */
|
||||
.github-calendar {
|
||||
max-width: 100%;
|
||||
width: fit-content;
|
||||
margin-left: 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 */
|
||||
.github-calendar > :not(:first-child) {
|
||||
display: none;
|
||||
|
||||
Reference in New Issue
Block a user