@salesforcedevs/docs-components 1.3.104-alpha02 → 1.3.104-alpha03
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 +1 -1
- package/src/modules/doc/contentCallout/contentCallout.css +6 -1
- package/src/modules/doc/contentLayout/contentLayout.css +5 -5
- package/src/modules/doc/contentLayout/contentLayout.html +1 -2
- package/src/modules/doc/phase/phase.css +2 -0
- package/src/modules/docHelpers/status/status.css +2 -0
package/package.json
CHANGED
|
@@ -9,26 +9,32 @@
|
|
|
9
9
|
.dx-callout-base,
|
|
10
10
|
.dx-callout-plain {
|
|
11
11
|
background-color: var(--dx-g-gray-95);
|
|
12
|
+
border-color: var(--dx-g-gray-50);
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
.dx-callout-plain {
|
|
16
|
+
border: none;
|
|
15
17
|
margin-bottom: var(--dx-g-text-2xl);
|
|
16
18
|
}
|
|
17
19
|
|
|
18
20
|
.dx-callout-note {
|
|
19
21
|
background-color: var(--dx-g-blue-vibrant-95);
|
|
22
|
+
border-color: var(--dx-g-blue-vibrant-50);
|
|
20
23
|
}
|
|
21
24
|
|
|
22
25
|
.dx-callout-tip {
|
|
23
26
|
background-color: var(--dx-g-green-natural-95);
|
|
27
|
+
border-color: var(--dx-g-green-vibrant-60);
|
|
24
28
|
}
|
|
25
29
|
|
|
26
30
|
.dx-callout-caution {
|
|
27
31
|
background-color: var(--dx-g-red-natural-95);
|
|
32
|
+
border-color: var(--dx-g-red-vibrant-50);
|
|
28
33
|
}
|
|
29
34
|
|
|
30
35
|
.dx-callout-warning {
|
|
31
36
|
background-color: var(--dx-g-red-natural-95);
|
|
37
|
+
border-color: var(--dx-g-red-vibrant-50);
|
|
32
38
|
}
|
|
33
39
|
|
|
34
40
|
.dx-callout-base_section {
|
|
@@ -45,5 +51,4 @@
|
|
|
45
51
|
.dx-callout-base_column {
|
|
46
52
|
display: flex;
|
|
47
53
|
flex-direction: row;
|
|
48
|
-
justify-content: center;
|
|
49
54
|
}
|
|
@@ -44,15 +44,15 @@ dx-toc {
|
|
|
44
44
|
display: flex;
|
|
45
45
|
flex-direction: row;
|
|
46
46
|
justify-content: center;
|
|
47
|
-
|
|
47
|
+
max-width: var(--dx-g-doc-content-max-width);
|
|
48
|
+
margin: auto;
|
|
49
|
+
padding: 0 var(--dx-g-header-padding-horizontal);
|
|
48
50
|
}
|
|
49
51
|
|
|
50
52
|
.content-body {
|
|
51
|
-
margin: var(--dx-g-spacing-sm) var(--dx-
|
|
52
|
-
var(--dx-g-spacing-xl);
|
|
53
|
+
margin: var(--dx-g-spacing-sm) 0 var(--dx-g-spacing-xl);
|
|
53
54
|
flex: 1;
|
|
54
55
|
width: 0;
|
|
55
|
-
max-width: var(--dx-g-doc-content-max-width);
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
.is-sticky {
|
|
@@ -62,7 +62,7 @@ dx-toc {
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.right-nav-bar {
|
|
65
|
-
|
|
65
|
+
margin-left: var(--dx-c-content-vertical-spacing);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
@media screen and (max-width: 1024px) {
|
|
@@ -37,9 +37,8 @@
|
|
|
37
37
|
if:true={shouldDisplayFeedback}
|
|
38
38
|
></doc-sprig-survey>
|
|
39
39
|
</div>
|
|
40
|
-
<div class="right-nav-bar is-sticky">
|
|
40
|
+
<div if:true={showToc} class="right-nav-bar is-sticky">
|
|
41
41
|
<dx-toc
|
|
42
|
-
if:true={showToc}
|
|
43
42
|
title={tocTitle}
|
|
44
43
|
options={tocOptions}
|
|
45
44
|
value={tocValue}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
padding-left: var(--dx-g-header-padding-horizontal);
|
|
10
10
|
padding-right: var(--dx-g-header-padding-horizontal);
|
|
11
11
|
width: 100%;
|
|
12
|
+
border: none;
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
.max-width-container {
|
|
@@ -36,6 +37,7 @@ dx-button {
|
|
|
36
37
|
*/
|
|
37
38
|
|
|
38
39
|
.doc-phase-body {
|
|
40
|
+
display: block;
|
|
39
41
|
max-height: 1000px;
|
|
40
42
|
overflow: hidden;
|
|
41
43
|
padding-top: var(--dx-g-spacing-smd);
|
|
@@ -4,11 +4,13 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.doc-status-base {
|
|
7
|
+
border-left: 4px solid;
|
|
7
8
|
padding: var(--doc-status-vertical-padding);
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
.doc-status-container {
|
|
11
12
|
background-color: rgb(254, 243, 217);
|
|
13
|
+
border-color: var(--dx-g-yellow-vibrant-80);
|
|
12
14
|
}
|
|
13
15
|
|
|
14
16
|
.doc-status-title {
|