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

socialissues badge style in multiselect

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-08-21 12:38:26 +02:00
parent 87a917d11c
commit 9c25132216
3 changed files with 19 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/SocialIssue.vue
View File

@@ -73,16 +73,27 @@ export default {
</script>
<style src="vue-multiselect/dist/vue-multiselect.css"></style>
<style lang="scss">
@import 'ChillMainAssets/module/bootstrap/shared';
@import 'ChillPersonAssets/chill/scss/mixins';
span.multiselect__tag {
background: var(--bs-chill-orange);
@include badge_social_issue;
background: $chill-l-gray;
color: $dark;
}
span.multiselect__option--highlight {
&::after {
background: var(--bs-chill-green);
background: $green;
}
&.multiselect__option--selected::after {
background: var(--bs-chill-red);
&.multiselect__option--selected {
&::after {
background: $red;
}
}
}
</style>