Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

accourse resume page: social-actions, list of evaluations with colored triangle bullet

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-11-26 20:10:00 +01:00
parent 16fcfda88f
commit 34c525e378
4 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/Bundle/ChillPersonBundle/Resources/public/chill/scss/accompanying_period_work.scss
View File

@ -87,26 +87,12 @@ div.accompanying_course_work-list {
&.result_list {
padding-left: 1em;
margin-bottom: 0;
li {
padding-left: 0.3em;
&::marker {
/*
content: '→';
font-weight: bold;
font-size: 120%;
*/
font-family: ForkAwesome;
content: '\f04b';
font-size: 75%;
transform: rotate(45deg);
}
}
}
&.goal_title li::marker {
color: $social-issue-color;
&.goal_title {
@include list_marker_triangle($social-issue-color);
}
&.result_list li::marker {
color: $pink;
&.result_list {
@include list_marker_triangle($pink);
}
}
}

3
src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss
View File

@ -81,6 +81,9 @@ h2.badge-title {
//margin-top: 0.5em;
font-size: 70%;
padding-left: 1rem;
&.evaluations {
@include list_marker_triangle($orange);
}
}
ul.columns { // XS:1 SM:2 MD:1 LG:2 XL:2 XXL:2
@include media-breakpoint-only(sm) {

17
src/Bundle/ChillPersonBundle/Resources/public/chill/scss/mixins.scss
View File

@ -37,3 +37,20 @@
margin: 0 0.3em 0 -1.05em;
}
}
///
/// Make list with items marker like a colored triangle
///
@mixin list_marker_triangle($color) {
& > li {
padding-left: 0.3em;
&::marker {
font-family: ForkAwesome;
content: '\f04b';
font-size: 75%;
transform: rotate(45deg);
color: $color;
}
}
}

2
src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_recent_by_accompanying_period.html.twig
View File

@ -42,7 +42,7 @@
{{ w.socialAction.issue|chill_entity_render_box }}
</li>
</ul>
<ul class="small_in_title mb-3">
<ul class="small_in_title evaluations mb-3">
{% for e in w.accompanyingPeriodWorkEvaluations %}
<li>
<span class="item-key">{{ 'accompanying_course_work.social_evaluation'|trans ~ ' : ' }}</span>