diff options
-rw-r--r-- | css/ContactDetails.scss | 13 | ||||
-rw-r--r-- | src/components/ContactDetails.vue | 16 |
2 files changed, 4 insertions, 25 deletions
diff --git a/css/ContactDetails.scss b/css/ContactDetails.scss index 6fb500c9..820ed714 100644 --- a/css/ContactDetails.scss +++ b/css/ContactDetails.scss @@ -27,7 +27,7 @@ header { display: flex; align-items: center; - height: 100px; + padding: 50px 0 20px; font-weight: bold; // ORG-TITLE-NAME @@ -50,14 +50,11 @@ padding: 4px 5px; white-space: nowrap; text-overflow: ellipsis; - color: #fff !important; border: none; background: transparent; - text-shadow: 0 0 2px var(--color-box-shadow); font-size: inherit; - &::placeholder { - opacity: .8; - color: #fff !important; + &#contact-fullname { + font-weight: bold; } } #contact-org:placeholder-shown { @@ -71,10 +68,6 @@ display: flex; .header-menu { margin-right: 10px; - .action-item__menutoggle { - // force white over header colour - color: white; - } } .header-icon { width: 44px; diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue index f27d0113..9553bb1c 100644 --- a/src/components/ContactDetails.vue +++ b/src/components/ContactDetails.vue @@ -37,7 +37,7 @@ <template v-else> <!-- contact header --> - <header :style="{ 'backgroundColor': colorAvatar }"> + <header> <!-- avatar and upload photo --> <ContactAvatar :contact="contact" /> <!-- QUESTION: is it better to pass contact as a prop or get it from the store inside @@ -337,20 +337,6 @@ export default { }, /** - * Contact color based on uid - * - * @returns {string} - */ - colorAvatar() { - try { - const color = this.contact.uid.toRgb() - return `rgb(${color.r}, ${color.g}, ${color.b})` - } catch (e) { - return 'grey' - } - }, - - /** * Contact properties copied and sorted by rfcProps.fieldOrder * * @returns {Array} |