diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss index d3c675105..4018e656b 100644 --- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss +++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss @@ -5,18 +5,9 @@ &:before { font: normal normal normal 14px/1 ForkAwesome; margin-left: 0.5em; - margin-right: 0.5rem; content: "\f00d"; // fa-times color: var(--bs-danger); text-decoration: none; - position: absolute; - display: block; - top: 50%; - right: 0; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } } @@ -45,24 +36,12 @@ ul.list-suggest { } &.add-items { li { - position: relative; - span { - cursor: pointer; - padding-left: 2rem; - } + cursor: pointer; & > span:before { font: normal normal normal 14px/1 ForkAwesome; margin-right: 0.5em; content: "\f067"; // fa-plus color: var(--bs-success); - position: absolute; - display: block; - top: 50%; - left: .75rem; - -webkit-transform: translateY(-50%); - -moz-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } & span:hover { color: $chill-l-gray; @@ -71,11 +50,8 @@ ul.list-suggest { } &.remove-items { li { - position: relative; - span { + a { @include remove_link; - display: block; - padding-right: .75rem; } } } @@ -84,14 +60,7 @@ ul.list-suggest { /// manage remove link if it isn't a list but a title /// (cfr. in Vue AccompanyingCourseWorkEdit) div.item-title { - span { - position: relative; - padding-right: .75rem; - padding-left: .5rem; - display: block; + a { @include remove_link; - background-color: #f3f3f3; - border-radius: .25rem; - border-left: 1rem solid #16d9b4; } } diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss index ca232f5f1..f1e01557a 100644 --- a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss +++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss @@ -120,15 +120,18 @@ ul.columns { // XS:1 SM:2 MD:1 LG:2 XL:2 XXL:2 } } -/// badge_title in AccompanyingCourse Work list Page +/// dashboard_like_badge in AccompanyingCourse Work list Page +div.accompanying_course_work-list { + div.dashboard, + h2.badge-title { + span.title_label { + // Calculate same color then border:groove + background-color: shade-color($social-action-color, 34%); + } + span.title_action { + @include dashboard_like_badge($social-action-color); + } -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_social($social-action-color); } }