diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss index 206e0c5ad..4a762cb17 100644 --- a/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss +++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss @@ -157,12 +157,19 @@ div.banner { span.badge-member { flex-shrink: 0; flex-grow: 0; flex-basis: auto; color: $white; - border: 1px solid #ffffff3b; + border: 1px solid transparentize($white, 0.75); + border-bottom: 3px solid transparentize( shade-color( $chill-green, 20%), 0.3); border-radius: 8px; - padding: 0.4em 0.8em; + padding: 0.2em 0.7em; margin-bottom: 0.2em; margin-right: 0.3em; - &.holder { order: -1; } + + &.holder { + order: -1; + .fa-holder .text-success { + color: transparentize( shade-color( $chill-green, 20%), 0.3) !important; + } + } &.child { order: 2; } } } diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss index 2c3eefa2d..d2d46f398 100644 --- a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss +++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss @@ -49,3 +49,15 @@ span.badge-person { span.badge-thirdparty { border-bottom-color: shade-color($chill-pink, 10%); } + +// household holder mark +span.fa-holder { + width: 1em; + margin: -10px 0.3em -8px 0; + i:last-child { + font-weight: 900; + color: white; + font-size: 70%; + font-family: "Open Sans Extrabold"; + } +} diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue index bc0757574..c47daaf39 100644 --- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue +++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue @@ -160,17 +160,6 @@ export default {