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

src/Bundle/ChillPersonBundle/Resources/public/chill/scss/accompanying_period_work.scss

@@ -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 {
+                @include list_marker_triangle($social-issue-color);
             }
-            }
+            &.result_list {
-            &.goal_title li::marker {
+                @include list_marker_triangle($pink);
-                color: $social-issue-color;
-            }
-            &.result_list li::marker {
-                color: $pink;
             }
         }
     }

src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss

@@ -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) {

src/Bundle/ChillPersonBundle/Resources/public/chill/scss/mixins.scss

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

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_recent_by_accompanying_period.html.twig

@@ -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>