luna-one 3.1.347 → 3.1.351
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/dist/luna/components/BlockListItems/BlockListItems.scss +6 -0
- package/dist/luna/components/ComparisonTable/ComparisonTable.scss +24 -1
- package/dist/luna/components/InPageJumpNav/InPageJumpNav.js +19 -13
- package/dist/luna/components/MobileMegaMenu/MobileMegaMenu.js +1 -1
- package/dist/luna/components/ProseLayout/ProseLayout.scss +30 -1
- package/dist/luna/components/Tabs/Tabs.js +1 -1
- package/dist/luna/components/Tabs/Tabs.scss +3 -0
- package/package.json +1 -1
|
@@ -119,3 +119,9 @@
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
+
.nested-content .default-layout .default-layout__children .ter-bounded-cards,
|
|
123
|
+
.nested-content .default-layout .default-layout__children .ter-unbounded-cards {
|
|
124
|
+
// this fix prevents the outer shadow of the cards from being hidden when displayed inside a tab
|
|
125
|
+
padding-left: 5px;
|
|
126
|
+
padding-right: 5px;
|
|
127
|
+
}
|
|
@@ -2,10 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
.ter-comparison-table {
|
|
4
4
|
border-collapse: collapse;
|
|
5
|
+
overscroll-behavior: contain;
|
|
5
6
|
font-size: $eyebrow-font-size;
|
|
6
7
|
display: block;
|
|
7
8
|
max-width: 1200px;
|
|
8
9
|
width: 100%;
|
|
10
|
+
* {
|
|
11
|
+
overscroll-behavior: contain;
|
|
12
|
+
}
|
|
9
13
|
th {
|
|
10
14
|
padding: 0;
|
|
11
15
|
}
|
|
@@ -61,16 +65,25 @@
|
|
|
61
65
|
}
|
|
62
66
|
}
|
|
63
67
|
&__wrapper {
|
|
68
|
+
width: 100%;
|
|
64
69
|
overflow-x: scroll;
|
|
65
70
|
overflow-y: scroll;
|
|
71
|
+
-webkit-overflow-scrolling: auto;
|
|
66
72
|
max-height: 800px;
|
|
67
73
|
position: relative;
|
|
68
74
|
display: block;
|
|
69
75
|
}
|
|
70
76
|
&__blank {
|
|
77
|
+
position: -webkit-sticky;
|
|
71
78
|
position: sticky;
|
|
79
|
+
width: 100%;
|
|
80
|
+
height: 100%;
|
|
72
81
|
left: 0;
|
|
73
82
|
z-index: 10;
|
|
83
|
+
overscroll-behavior: none;
|
|
84
|
+
background-color: $white;
|
|
85
|
+
-webkit-overflow-scrolling: auto;
|
|
86
|
+
border-left: 1px solid $white;
|
|
74
87
|
&>span {
|
|
75
88
|
display: block;
|
|
76
89
|
top: 0;
|
|
@@ -81,19 +94,26 @@
|
|
|
81
94
|
background-color: $white;
|
|
82
95
|
border-bottom: 1px solid $trimble-blue;
|
|
83
96
|
border-right: 1px solid $trimble-blue;
|
|
97
|
+
border-left: 1px solid $white;
|
|
84
98
|
width: 160px;
|
|
85
99
|
}
|
|
86
100
|
}
|
|
87
101
|
&__row {
|
|
88
102
|
&--header {
|
|
89
103
|
font-weight: 600;
|
|
104
|
+
position: -webkit-sticky;
|
|
90
105
|
position: sticky;
|
|
91
106
|
top: 60px;
|
|
107
|
+
left: 0;
|
|
108
|
+
right: 0;
|
|
92
109
|
z-index: 5;
|
|
93
110
|
}
|
|
94
111
|
}
|
|
95
112
|
&__group-title {
|
|
96
113
|
height: 60px; // to allow for two lines of text
|
|
114
|
+
left: 0;
|
|
115
|
+
right: 0;
|
|
116
|
+
position: -webkit-sticky;
|
|
97
117
|
position: sticky;
|
|
98
118
|
z-index: 5;
|
|
99
119
|
top: 0;
|
|
@@ -112,6 +132,7 @@
|
|
|
112
132
|
&__group-title .ter-comparison-table__comparison-cell {
|
|
113
133
|
padding: 10px;
|
|
114
134
|
line-height: 1.3;
|
|
135
|
+
height: 60px;
|
|
115
136
|
}
|
|
116
137
|
&__group-title .ter-comparison-table__blank > span {
|
|
117
138
|
background-color: $white;
|
|
@@ -152,11 +173,13 @@
|
|
|
152
173
|
height: 100%;
|
|
153
174
|
}
|
|
154
175
|
&-column {
|
|
176
|
+
position: -webkit-sticky;
|
|
155
177
|
position: sticky;
|
|
156
178
|
left: 0;
|
|
157
179
|
.ter-comparison-table__comparison-cell {
|
|
158
180
|
border-right: 1px solid $trimble-blue;
|
|
159
181
|
width: 160px;
|
|
182
|
+
left: 0;
|
|
160
183
|
min-height: 110px;
|
|
161
184
|
background-color: $white;
|
|
162
185
|
text-align: left;
|
|
@@ -171,7 +194,7 @@
|
|
|
171
194
|
padding-right: 15px;
|
|
172
195
|
position: absolute;
|
|
173
196
|
left: 0;
|
|
174
|
-
right:
|
|
197
|
+
right: 0px;
|
|
175
198
|
bottom: 0;
|
|
176
199
|
top: 0;
|
|
177
200
|
&--with-tag {
|
|
@@ -42,20 +42,22 @@ var InPageJumpNav = function InPageJumpNav(_ref) {
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
+
var observerOptions = {
|
|
46
|
+
root: null,
|
|
47
|
+
rootMargin: "0px",
|
|
48
|
+
threshold: [0, 0.25, 0.5, 0.75, 1]
|
|
49
|
+
};
|
|
50
|
+
var observer = (0, _react.useMemo)(function () {
|
|
51
|
+
return new IntersectionObserver(function (pageSections, observer) {
|
|
52
|
+
pageSections.forEach(function (section) {
|
|
53
|
+
if (section.isIntersecting) {
|
|
54
|
+
updateActiveNavItem(parseInt(section.target.dataset.sectionIndex));
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}, observerOptions);
|
|
58
|
+
});
|
|
45
59
|
(0, _react.useEffect)(function () {
|
|
46
60
|
if (pageSections && (pageSections === null || pageSections === void 0 ? void 0 : pageSections.length) > 0) {
|
|
47
|
-
var observerOptions = {
|
|
48
|
-
root: null,
|
|
49
|
-
rootMargin: "0px",
|
|
50
|
-
threshold: 0.8
|
|
51
|
-
};
|
|
52
|
-
var observer = new IntersectionObserver(function (pageSections, observer) {
|
|
53
|
-
pageSections.forEach(function (section) {
|
|
54
|
-
if (section.isIntersecting) {
|
|
55
|
-
updateActiveNavItem(parseInt(section.target.dataset.sectionIndex));
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
}, observerOptions);
|
|
59
61
|
pageSections.forEach(function (section, index) {
|
|
60
62
|
if (document !== undefined && section.link !== null) {
|
|
61
63
|
var currentSection = document.getElementById(section.link);
|
|
@@ -67,7 +69,11 @@ var InPageJumpNav = function InPageJumpNav(_ref) {
|
|
|
67
69
|
}
|
|
68
70
|
});
|
|
69
71
|
}
|
|
70
|
-
|
|
72
|
+
|
|
73
|
+
return function () {
|
|
74
|
+
observer.disconnect();
|
|
75
|
+
};
|
|
76
|
+
}, [pageSections, observer]);
|
|
71
77
|
return (pageSections === null || pageSections === void 0 ? void 0 : pageSections.length) && /*#__PURE__*/_react.default.createElement("div", {
|
|
72
78
|
className: "default-layout ter-jump-nav-holder"
|
|
73
79
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -82,7 +82,7 @@ var MobileMegaMenu = function MobileMegaMenu(props) {
|
|
|
82
82
|
} else {
|
|
83
83
|
return /*#__PURE__*/_react.default.createElement(_MobileMegaMenuPartialCategory.default, {
|
|
84
84
|
key: "".concat(megaMenuContent.text, "-").concat(link.text),
|
|
85
|
-
link: link
|
|
85
|
+
link: link,
|
|
86
86
|
name: link.text,
|
|
87
87
|
isOpen: isOpen && openCategory === null,
|
|
88
88
|
toggleCategory: toggleCategory,
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
.content {
|
|
201
201
|
margin-bottom: 64px;
|
|
202
202
|
font-family: $light-font-family;
|
|
203
|
-
font-size: $
|
|
203
|
+
font-size: $body-font-size;
|
|
204
204
|
line-height: 28px;
|
|
205
205
|
|
|
206
206
|
@media (max-width: $breakpoint-sm) {
|
|
@@ -352,4 +352,33 @@
|
|
|
352
352
|
width: 24px;
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
|
+
.richtext-container,
|
|
356
|
+
.content {
|
|
357
|
+
font-size: $body-font-size;
|
|
358
|
+
@include benton-regular();
|
|
359
|
+
p {
|
|
360
|
+
font-size: $body-font-size;
|
|
361
|
+
}
|
|
362
|
+
h1 {
|
|
363
|
+
font-size: $heading-3-size;
|
|
364
|
+
@include benton-very-bold();
|
|
365
|
+
}
|
|
366
|
+
h2 {
|
|
367
|
+
font-size: $subheading-size-mobile;
|
|
368
|
+
@include benton-very-bold();
|
|
369
|
+
}
|
|
370
|
+
h3 {
|
|
371
|
+
font-size: $large-body-font-size;
|
|
372
|
+
@include benton-very-bold();
|
|
373
|
+
}
|
|
374
|
+
h4 {
|
|
375
|
+
font-size: $large-body-font-size;
|
|
376
|
+
}
|
|
377
|
+
h5 {
|
|
378
|
+
font-size: $body-font-size;
|
|
379
|
+
}
|
|
380
|
+
h6 {
|
|
381
|
+
font-size: $eyebrow-font-size;
|
|
382
|
+
}
|
|
383
|
+
}
|
|
355
384
|
}
|
|
@@ -38,7 +38,7 @@ var TabContent = function TabContent(_ref) {
|
|
|
38
38
|
isActive = _ref.isActive,
|
|
39
39
|
children = _ref.children;
|
|
40
40
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
41
|
-
className: "content-entry ".concat(isActive && "active")
|
|
41
|
+
className: "content-entry nested-content ".concat(isActive && "active")
|
|
42
42
|
}, children);
|
|
43
43
|
};
|
|
44
44
|
|