txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Override inline icon sizes to 1.2em across all sections

Browse Source 
Problem: Inline icons embedded in responsibilities, courses, and
projects had explicit width='60' height='60' attributes that made
them too large (60px instead of ~16px).

Solution:
- Added CSS with !important to override inline width/height attributes
- Targeted inline icons in:
  * Course responsibilities and descriptions
  * Project descriptions and technologies
  * Experience responsibilities (within divs)
- Preserved large icons (80px) for main company/course/project logos

Changes:
- static/css/03-components/_courses.css: Override to 1.2em
- static/css/03-components/_projects.css: Override to 1.2em
- static/css/03-components/_cv-section.css: Override to 1.2em

Test Results:
✅ 7 course inline icons: 16px × 16px
✅ Main company icons: 80px × 80px (preserved)
This commit is contained in:
juanatsap
2025-11-19 16:30:18 +00:00
parent 06ec9b9f20
commit 43414b79ac
19 changed files with 1574 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/03-components/_courses.css
+4 -1
View File
@@ -91,9 +91,12 @@
/* Inline icons within course responsibilities and descriptions */
.course-item .responsibilities li iconify-icon,
.course-desc iconify-icon {
font-size: 1.2em;
width: 1.2em !important; /* Override inline width attributes */
height: 1.2em !important; /* Override inline height attributes */
font-size: 1em;
vertical-align: middle;
margin: 0 0.15em;
color: inherit !important; /* Preserve icon colors */
display: inline-block;
}
static/css/03-components/_cv-section.css
+16
View File
@@ -267,6 +267,22 @@
padding: 8px;
}
/* Inline icons within responsibility text (not the main icon) */
.responsibilities li div iconify-icon,
.responsibilities li strong + iconify-icon,
.responsibilities li em + iconify-icon {
width: 1.2em !important;
height: 1.2em !important;
font-size: 1em;
vertical-align: middle;
margin: 0 0.15em;
color: inherit !important;
display: inline-block;
border: none !important;
padding: 0 !important;
background: transparent !important;
}
/* Education */
.education-item {
margin-bottom: 1rem;
static/css/03-components/_projects.css
+12
View File
@@ -227,4 +227,16 @@ footer {
animation: fadeInGrow 0.3s ease-in-out;
}
/* Inline icons within project descriptions */
.project-desc iconify-icon,
.project-technologies iconify-icon {
width: 1.2em !important; /* Override inline width attributes */
height: 1.2em !important; /* Override inline height attributes */
font-size: 1em;
vertical-align: middle;
margin: 0 0.15em;
color: inherit !important; /* Preserve icon colors */
display: inline-block;
}