diff --git a/resume_manager_core/fixtures/resume_manager/section_css.json b/resume_manager_core/fixtures/resume_manager/section_css.json index 6c89a0690a5b03b245cb7bb5d947c2d3148c8bb5..3ca9f85f6a81d6089631cd3da6bcd0a8d318d539 100644 --- a/resume_manager_core/fixtures/resume_manager/section_css.json +++ b/resume_manager_core/fixtures/resume_manager/section_css.json @@ -428,5 +428,15 @@ "date_created": "2023-01-01T08:00:00.000Z", "date_modified": "2023-01-01T08:00:00.000Z" } +}, +{ + "model": "resume_manager_core.sectioncss", + "pk": 44, + "fields": { + "name": "height 100", + "css_classes": "height-100", + "date_created": "2023-01-01T08:00:00.000Z", + "date_modified": "2023-01-01T08:00:00.000Z" + } } ] diff --git a/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss b/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss index d3128dbfd430e6283d68a7889138c97e5e03c3ce..78e40962600bfa0789e8a30b98f6954c2db4d04b 100644 --- a/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss +++ b/resume_manager_core/static/resume_manager_core/css/sass/src/_general_styles.scss @@ -141,6 +141,10 @@ html { max-width: 33%; } + .height-100 { + height: 100%; + } + .flex-horizontal { flex-direction: row; diff --git a/resume_manager_core/templates/resume_manager/include/education_min.html b/resume_manager_core/templates/resume_manager/include/education_min.html index 5d0b1531f34cf0712a6d784acb484e33033f22b3..744230cfd1ed23785e4a9b21bf5598094a9eacb2 100644 --- a/resume_manager_core/templates/resume_manager/include/education_min.html +++ b/resume_manager_core/templates/resume_manager/include/education_min.html @@ -18,11 +18,11 @@ <div class="flex flex-vertical subsection flex-align-start padding-02"> - <p class="flex flex-horizontal flex-justify-space-between descriptor font-size-small"> + <p class="flex flex-horizontal flex-justify-space-between font-size-small"> {{ education.name }} </p> - <p class="font-size-x-small"> + <p class="font-size-x-small de-emphasis"> {{ education.date_start|date:"Y" }} - {% if education.date_end %} diff --git a/resume_manager_core/templates/resume_manager/include/experience.html b/resume_manager_core/templates/resume_manager/include/experience.html index a21d10ee4a34f54e00574222eee568bc90323ddf..8ece2e6902d2599f8154b3e314648f0287712fb8 100644 --- a/resume_manager_core/templates/resume_manager/include/experience.html +++ b/resume_manager_core/templates/resume_manager/include/experience.html @@ -19,7 +19,15 @@ <div class="flex flex-vertical subsection"> <p class="flex flex-horizontal flex-justify-space-between"> - <span class="descriptor">{{ experience.name }} - {{ experience.position }}</span> + <span> + <span class="descriptor"> + {{ experience.name }} + </span> + - + <span class="de-emphasis"> + {{ experience.position }} + </span> + </span> <span class="descriptor"> {{ experience.date_start|date:"M Y" }} - diff --git a/resume_manager_core/templates/resume_manager/include/experience_min.html b/resume_manager_core/templates/resume_manager/include/experience_min.html index 976e86154acb6f324ac685ffe90c0a4db4cc1c09..960e4b34baf9aeb0d3a455a3affdd8d194c64004 100644 --- a/resume_manager_core/templates/resume_manager/include/experience_min.html +++ b/resume_manager_core/templates/resume_manager/include/experience_min.html @@ -21,7 +21,7 @@ <p class="flex flex-horizontal flex-justify-space-between descriptor underline"> {{ experience.position }} </p> - <p class="emphasis font-size-small">{{ experience.name }}</p> + <p class="de-emphasis font-size-small">{{ experience.name }}</p> <p> <span class="descriptor font-size-x-small"> {{ experience.date_start|date:"M Y" }} diff --git a/resume_manager_core/templates/resume_manager/include/pillars.html b/resume_manager_core/templates/resume_manager/include/pillars.html index adb11ef3e883c5615760a94072006ce859327d7b..efe681a654971afe24b3209a0c168d52ed6fda5a 100644 --- a/resume_manager_core/templates/resume_manager/include/pillars.html +++ b/resume_manager_core/templates/resume_manager/include/pillars.html @@ -7,12 +7,12 @@ <div class="flex flex-vertical"> {% if data %} {% for category in data %} - <div class="flex flex-vertical flex-justify-space-between"> + <div class="flex flex-vertical flex-justify-space-between padding-05"> <h4 class="align-left emphasis padding-05 font-size-large">{{ category.category }}</h4> {% if category.pillars %} <ul class="flex flex-vertical flex-align-start"> {% for pillar in category.pillars %} - <li class="padding-02"><p class="align-justify font-size-small"> - {{ pillar }}</p></li> + <li class="padding-02"><p class="align-justify font-size-small de-emphasis"> - {{ pillar }}</p></li> {% endfor %} </ul> {% else %}