Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit bb4f875

Browse files
DecipherDecipher
authored
feat(#156): add support for full card clickability in wrapped states (#157)
1 parent 97f765c commit bb4f875

File tree

4 files changed

+62
-50
lines changed

4 files changed

+62
-50
lines changed

‎src/components/EventCard.vue‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -46,20 +46,22 @@
4646
:value="date"
4747
/>
4848

49-
<!-- Title -->
50-
<CTHeading
51-
v-if="title"
52-
class="ct-event-card__title"
53-
:level="4"
54-
:theme="theme"
55-
>
56-
<CTLink
57-
class="ct-event-card__title__link"
58-
:link="link"
59-
:theme="theme"
60-
:text="title"
61-
/>
62-
</CTHeading>
49+
<!-- Title -->
50+
<CTHeading
51+
v-if="title"
52+
class="ct-event-card__title"
53+
:level="4"
54+
:theme="theme"
55+
>
56+
<CTLink
57+
v-if="link"
58+
class="ct-event-card__title__link"
59+
:link="link"
60+
:theme="theme"
61+
:text="title"
62+
/>
63+
<span v-else :class="['ct-event-card__title__link', 'ct-link', themeClass]">{{ title }}</span>
64+
</CTHeading>
6365

6466
<!-- Slot: Content middle -->
6567
<div

‎src/components/NavigationCard.vue‎

Lines changed: 21 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -32,21 +32,23 @@
3232

3333
<!-- @TODO - Icon -->
3434

35-
<!-- Title -->
36-
<CTHeading
37-
v-if="title"
38-
class="ct-navigation-card__title"
39-
:level="4"
40-
>
41-
<CTLink
42-
class="ct-navigation-card__title__link"
43-
:external="isExternal"
44-
:link="link"
45-
:text="title"
46-
:theme="theme"
47-
:icon="linkIcon"
48-
/>
49-
</CTHeading>
35+
<!-- Title -->
36+
<CTHeading
37+
v-if="title"
38+
class="ct-navigation-card__title"
39+
:level="4"
40+
>
41+
<CTLink
42+
v-if="link"
43+
class="ct-navigation-card__title__link"
44+
:external="isExternal"
45+
:link="link"
46+
:text="title"
47+
:theme="theme"
48+
:icon="linkIcon"
49+
/>
50+
<span v-else :class="['ct-navigation-card__title__link', 'ct-link', themeClass]">{{ title }}<CTIcon v-if="icon" class="ct-link__icon" :symbol="icon" /></span>
51+
</CTHeading>
5052

5153
<!-- Slot: Content middle -->
5254
<div
@@ -95,6 +97,10 @@ export default {
9597
title: {
9698
type: String,
9799
default: undefined,
100+
},
101+
icon: {
102+
type: String,
103+
default: undefined,
98104
}
99105
},
100106

‎src/components/PromoCard.vue‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -52,18 +52,20 @@
5252
:value="date"
5353
/>
5454

55-
<!-- Title -->
56-
<div
57-
v-if="title"
58-
class="ct-promo-card__title"
59-
>
60-
<CTLink
61-
class="ct-promo-card__title-link"
62-
:link="link || '#'"
63-
:text="title"
64-
:theme="theme"
65-
/>
66-
</div>
55+
<!-- Title -->
56+
<div
57+
v-if="title"
58+
class="ct-promo-card__title"
59+
>
60+
<CTLink
61+
v-if="link"
62+
class="ct-promo-card__title-link"
63+
:link="link"
64+
:text="title"
65+
:theme="theme"
66+
/>
67+
<span v-else :class="['ct-promo-card__title-link', 'ct-link', themeClass]">{{ title }}</span>
68+
</div>
6769

6870
<!-- Slot: Content middle -->
6971
<div

‎src/components/SubjectCard.vue‎

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -28,15 +28,17 @@
2828
<slot name="image_over" />
2929
</div>
3030

31-
<!-- @TODO - CTHeading -->
32-
<div class="ct-subject-card__title">
33-
<CTLink
34-
class="ct-subject-card__title-link"
35-
:link="link"
36-
:theme="theme"
37-
:text="title"
38-
/>
39-
</div>
31+
<!-- @TODO - CTHeading -->
32+
<div class="ct-subject-card__title">
33+
<CTLink
34+
v-if="link"
35+
class="ct-subject-card__title-link"
36+
:link="link"
37+
:theme="theme"
38+
:text="title"
39+
/>
40+
<span v-else :class="['ct-subject-card__title-link', 'ct-link', themeClass]">{{ title }}</span>
41+
</div>
4042
</div>
4143
</div>
4244
</template>

0 commit comments

Comments
 (0)