diff options
author | suntala <33031346+suntala@users.noreply.github.com> | 2018-09-24 19:26:24 +0200 |
---|---|---|
committer | suntala <33031346+suntala@users.noreply.github.com> | 2018-09-24 19:26:24 +0200 |
commit | de5e585e6810af10f670fd6ba956b66c4d8ca1ad (patch) | |
tree | 0fd39a95238889a08b18c56f2c075601f0422d1d /src | |
parent | 81b7300d37a330371df569ce8be1225cd5b0a865 (diff) |
Add tooltip to the details icon. #630
Diffstat (limited to 'src')
-rw-r--r-- | src/components/ContactDetails/ContactDetailsProperty.vue | 2 | ||||
-rw-r--r-- | src/components/Properties/PropertyDateTime.vue | 3 | ||||
-rw-r--r-- | src/components/Properties/PropertyTitle.vue | 7 |
3 files changed, 10 insertions, 2 deletions
diff --git a/src/components/ContactDetails/ContactDetailsProperty.vue b/src/components/ContactDetails/ContactDetailsProperty.vue index 304798a3..97bfbad2 100644 --- a/src/components/ContactDetails/ContactDetailsProperty.vue +++ b/src/components/ContactDetails/ContactDetailsProperty.vue @@ -22,7 +22,7 @@ <template> <!-- If not in the rfcProps then we don't want to display it --> - <component v-tooltip.right="propModel.info" v-if="propModel && propType !== 'unknown'" + <component v-if="propModel && propType !== 'unknown'" :is="componentInstance" :select-type.sync="selectType" :prop-model="propModel" :value.sync="value" :is-first-property="isFirstProperty" :property="property" :is-last-property="isLastProperty" :class="{'property--last': isLastProperty}" :contact="contact" diff --git a/src/components/Properties/PropertyDateTime.vue b/src/components/Properties/PropertyDateTime.vue index 264417da..cedbeeb1 100644 --- a/src/components/Properties/PropertyDateTime.vue +++ b/src/components/Properties/PropertyDateTime.vue @@ -23,7 +23,8 @@ <template> <div v-if="propModel" :class="`grid-span-${gridLength}`" class="property"> <!-- title if first element --> - <property-title v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName" /> + <property-title v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" :readable-name="propModel.readableName" + :info="propModel.info" /> <div class="property__row"> <!-- type selector --> diff --git a/src/components/Properties/PropertyTitle.vue b/src/components/Properties/PropertyTitle.vue index 360e813a..f60eaf36 100644 --- a/src/components/Properties/PropertyTitle.vue +++ b/src/components/Properties/PropertyTitle.vue @@ -24,6 +24,8 @@ <h3 class="property__title property__row"> <div :class="icon" class="property__label property__title--icon" /> {{ readableName }} + <!-- display tooltip with hint if available --> + <div v-tooltip.right="info" v-if="info" class="icon-details" /> </h3> </template> @@ -41,6 +43,11 @@ export default { type: String, default: '', required: true + }, + info: { + type: String, + default: '', + required: false } } } |