mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-20 14:43:49 +00:00
activity list: badges for issues, actions and reasons
This commit is contained in:
@@ -1,10 +1,11 @@
|
||||
$social-issue-color: #4bafe8;
|
||||
$social-action-color: $pink;
|
||||
|
||||
///
|
||||
/// Social Issue mixin
|
||||
// define visual badge for all social issues
|
||||
///
|
||||
|
||||
$social-issue-color: $chill-pink;
|
||||
|
||||
@mixin badge_social_issue {
|
||||
text-transform: capitalize !important;
|
||||
font-weight: 500 !important;
|
||||
@@ -16,3 +17,20 @@ $social-issue-color: $chill-pink;
|
||||
margin: 0 0.3em 0 -0.7em;
|
||||
}
|
||||
}
|
||||
|
||||
///
|
||||
/// Social Action mixin
|
||||
// define visual badge for all social actions
|
||||
///
|
||||
|
||||
@mixin badge_social_action {
|
||||
text-transform: capitalize !important;
|
||||
font-weight: 500 !important;
|
||||
border-left: 20px groove $social-action-color;
|
||||
&:before {
|
||||
content: '\f04b';
|
||||
font-family: ForkAwesome;
|
||||
color: $social-action-color;
|
||||
margin: 0 0.3em 0 -0.7em;
|
||||
}
|
||||
}
|
||||
|
@@ -1,5 +1,3 @@
|
||||
/// variables
|
||||
|
||||
/// CHILL ENTITY RENDER BOX
|
||||
.chill-entity {
|
||||
|
||||
@@ -18,6 +16,15 @@
|
||||
@include badge_social_issue;
|
||||
}
|
||||
}
|
||||
|
||||
/// SOCIAL-ACTION
|
||||
&.entity-social-action {
|
||||
margin-right: 0.3em;
|
||||
font-size: 120%;
|
||||
span.badge {
|
||||
@include badge_social_action;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@@ -1,12 +1,12 @@
|
||||
{% set reversed_parents = parents|reverse %}
|
||||
<span class="chill-entity chill-entity__social-action">
|
||||
<span class="{% if not options['no-badge'] %}badge bg-primary{% endif %}">
|
||||
<span class="chill-entity entity-social-action">
|
||||
<span class="{% if not options['no-badge'] %}badge bg-light text-dark{% endif %}">
|
||||
{%- for p in reversed_parents %}
|
||||
<span class="chill-entity__social-action__parent--{{ loop.revindex0 }}">
|
||||
<span class="parent-{{ loop.revindex0 }}">
|
||||
{{ p.title|localize_translatable_string }}{{ options['default.separator'] }}
|
||||
</span>
|
||||
{%- endfor -%}
|
||||
<span class="chill-entity__social-action__child">
|
||||
<span class="child">
|
||||
{{ socialAction.title|localize_translatable_string }}
|
||||
</span>
|
||||
</span>
|
||||
|
Reference in New Issue
Block a user