@salesforcedevs/docs-components 0.66.0 → 0.66.1
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salesforcedevs/docs-components",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.1",
|
|
4
4
|
"description": "Docs Lightning web components for DSC",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "index.js",
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
"@types/lodash.orderby": "^4.6.7",
|
|
25
25
|
"@types/lodash.uniqby": "^4.7.7"
|
|
26
26
|
},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "a3f9c041c3716833d88e07ee04df44b4234abe77"
|
|
28
28
|
}
|
|
@@ -8,12 +8,14 @@
|
|
|
8
8
|
|
|
9
9
|
dx-tooltip {
|
|
10
10
|
line-height: var(--button-size);
|
|
11
|
+
padding-right: var(--dx-g-spacing-xs);
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
.button-container {
|
|
14
15
|
height: 100%;
|
|
15
16
|
margin-right: calc(var(--dx-g-spacing-xl) - 4px);
|
|
16
17
|
position: relative;
|
|
18
|
+
padding-right: var(--dx-g-spacing-xs);
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
button {
|
|
@@ -34,12 +36,8 @@ dx-icon {
|
|
|
34
36
|
--dx-c-icon-size: var(--doc-c-heading-anchor-icon-size);
|
|
35
37
|
}
|
|
36
38
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.nowrap {
|
|
42
|
-
white-space: nowrap;
|
|
39
|
+
.title {
|
|
40
|
+
word-break: break-word;
|
|
43
41
|
}
|
|
44
42
|
|
|
45
43
|
button:focus {
|
|
@@ -49,7 +47,7 @@ button:focus {
|
|
|
49
47
|
button:focus,
|
|
50
48
|
button:hover,
|
|
51
49
|
span:hover dx-tooltip button,
|
|
52
|
-
span:hover ~
|
|
50
|
+
span:hover ~ dx-tooltip button {
|
|
53
51
|
opacity: 1;
|
|
54
52
|
outline: none;
|
|
55
53
|
}
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<template if:false={hash}>{title}</template>
|
|
3
3
|
<template if:true={hash}>
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
<span
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<button onclick={copy} aria-label="copy">
|
|
13
|
-
<dx-icon size="override" symbol="link"></dx-icon>
|
|
14
|
-
</button>
|
|
15
|
-
</span>
|
|
16
|
-
</dx-tooltip>
|
|
17
|
-
</span>
|
|
4
|
+
<span class="title">{title} </span>
|
|
5
|
+
<dx-tooltip placement="top" label={label}>
|
|
6
|
+
<span class="button-container">
|
|
7
|
+
<button onclick={copy} aria-label="copy">
|
|
8
|
+
<dx-icon size="override" symbol="link"></dx-icon>
|
|
9
|
+
</button>
|
|
10
|
+
</span>
|
|
11
|
+
</dx-tooltip>
|
|
18
12
|
</template>
|
|
19
13
|
</template>
|
|
@@ -7,18 +7,6 @@ export default class HeadingContent extends LightningElement {
|
|
|
7
7
|
label: string = "Copy link to clipboard";
|
|
8
8
|
timeout: number | null = null;
|
|
9
9
|
|
|
10
|
-
private get titleToWrap(): string {
|
|
11
|
-
return this.title.substring(0, this.title.lastIndexOf(" "));
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
private get needsSpace(): boolean {
|
|
15
|
-
return this.titleToWrap.length > 0;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
private get titleNoWrap(): string {
|
|
19
|
-
return this.title.substring(this.title.lastIndexOf(" ") + 1);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
10
|
private async copy() {
|
|
23
11
|
if (this.timeout) {
|
|
24
12
|
window.clearTimeout(this.timeout);
|