@lancom/shared 0.0.333 → 0.0.334
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/assets/scss/_common.scss
CHANGED
|
@@ -133,6 +133,11 @@ body {
|
|
|
133
133
|
display: none !important;
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
+
.hidden-mini-and-down {
|
|
137
|
+
@media (max-width: $bp-mini-max) {
|
|
138
|
+
display: none !important;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
136
141
|
.hidden-extra-small {
|
|
137
142
|
@media (max-width: $bp-extra-small-max) {
|
|
138
143
|
display: none !important;
|
|
@@ -147,11 +147,9 @@
|
|
|
147
147
|
<div class="ContactUs__contacts-row">
|
|
148
148
|
<div class="ContactUs__contacts-entity">
|
|
149
149
|
<i class="icon-mail-alt ContactUs__contacts-entity-icon"></i>
|
|
150
|
-
<
|
|
151
|
-
:
|
|
152
|
-
class="ContactUs__contacts-entity-value"
|
|
153
|
-
{{ contacts.email }}
|
|
154
|
-
</a>
|
|
150
|
+
<email-link
|
|
151
|
+
:email="contacts.email"
|
|
152
|
+
class="ContactUs__contacts-entity-value" />
|
|
155
153
|
</div>
|
|
156
154
|
<div class="ContactUs__contacts-entity">
|
|
157
155
|
<i class="icon-phone ContactUs__contacts-entity-icon"></i>
|
|
@@ -171,9 +169,13 @@
|
|
|
171
169
|
import { mapGetters } from 'vuex';
|
|
172
170
|
import api from '@lancom/shared/assets/js/api';
|
|
173
171
|
import gtm from '@lancom/shared/assets/js/utils/gtm';
|
|
172
|
+
import EmailLink from '@lancom/shared/components/email_link/email-link';
|
|
174
173
|
|
|
175
174
|
export default {
|
|
176
175
|
name: 'LancomContactUs',
|
|
176
|
+
components: {
|
|
177
|
+
EmailLink
|
|
178
|
+
},
|
|
177
179
|
props: {
|
|
178
180
|
btnClass: {
|
|
179
181
|
type: String,
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<a ref="link"></a>
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
export default {
|
|
7
|
+
name: 'EmailLink',
|
|
8
|
+
props: {
|
|
9
|
+
email: {
|
|
10
|
+
type: Array | String,
|
|
11
|
+
required: true
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
mounted() {
|
|
15
|
+
if (process.client) {
|
|
16
|
+
const email = (Array.isArray(this.email) ? this.email : [this.email]).join('@');
|
|
17
|
+
const linkEl = this.$refs.link;
|
|
18
|
+
linkEl.href = `mailto:${email}`;
|
|
19
|
+
linkEl.textContent = email;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
</script>
|