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;
}