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