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

Activity, improve badge-title. Fix too long badges line break in a narrow inline wrapper.

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-10-08 17:15:58 +02:00
parent 8f889248fb
commit 800ab896bc
4 changed files with 127 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,7 @@
/*
* BADGES, MARKS, PINS
* for chill person theme
* BADGES PERSON AND THIRDPARTY
*/
// chill person badges
span.badge-person,
span.badge-thirdparty {
display: inline-block;
@@ -18,15 +16,12 @@ span.badge-thirdparty {
text-decoration: none;
}
}
span.badge-person {
border-bottom-color: $chill-green;
}
// todo: move in thirdparty
span.badge-thirdparty {
border-bottom-color: shade-color($chill-pink, 10%);
}
span.badge-person {
border-bottom-color: $chill-green;
}
span.badge-thirdparty {
border-bottom-color: shade-color($chill-pink, 10%);
}
/*
* HOUSEHOLD HOLDER MARK
@@ -81,44 +76,44 @@ h2.badge-title {
}
}
/// AccompanyingCourse Work list Page
div.accompanying_course_work-list {
h2.badge-title {
span.title_label {
// Calculate same color then border:groove
background-color: shade-color($social-action-color, 34%);
}
span.title_action {
@include badge_title($social-action-color);
}
/// badge_title in AccompanyingCourse Work list Page
div.accompanying_course_work-list {
h2.badge-title {
span.title_label {
// Calculate same color then border:groove
background-color: shade-color($social-action-color, 34%);
}
span.title_action {
@include badge_title($social-action-color);
}
}
}
/// Activities on resume page
div.activity-list {
h2.badge-title {
span.title_label {
// Calculate same color then border:groove
background-color: shade-color($activity-color, 34%);
h3 {
color: $white;
}
/// badge_title in Activities on resume page
div.activity-list {
h2.badge-title {
span.title_label {
// Calculate same color then border:groove
background-color: shade-color($activity-color, 34%);
h3 {
color: $white;
}
span.title_action {
@include badge_title($activity-color);
}
span.title_label {
div.duration {
font-size: 70%;
font-weight: 500;
p {
margin-bottom: 0;
text-align: right;
abbr {
text-decoration: none;
}
}
span.title_action {
@include badge_title($activity-color);
}
span.title_label {
div.duration {
font-size: 70%;
font-weight: 500;
p {
margin-bottom: 0;
text-align: right;
abbr {
text-decoration: none;
}
}
}
}
}
}

19
src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss
View File

@@ -8,19 +8,26 @@
span.altname {}
}
/// SOCIAL-ISSUE
&.entity-social-issue {
/// SOCIAL-ISSUE AND SOCIAL-ACTION
&.entity-social-issue,
&.entity-social-action {
margin-right: 0.3em;
font-size: 120%;
span.badge {
// for too long badge in a narrow inside block
text-align: initial;
margin-bottom: 0.2em;
> span {
white-space: normal;
}
}
}
&.entity-social-issue {
span.badge {
@include badge_social($social-issue-color);
}
}
/// SOCIAL-ACTION
&.entity-social-action {
margin-right: 0.3em;
font-size: 120%;
span.badge {
@include badge_social($social-action-color);
}