@glowhop/styles-tour 1.3.0 → 1.4.0
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/CHANGELOG.md +13 -0
- package/README.md +1 -1
- package/default.css +8 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @glowhop/styles-tour
|
|
2
2
|
|
|
3
|
+
## 1.4.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 91b23f1: The default theme no longer pads the Skip button, so its text lines up with the popover content.
|
|
8
|
+
- b4e2dd6: The default theme lays out the popover as a flex column instead of a three-row grid, so the footer sits right under the content when a step has no title, and a popover with children of your own stacks them in order.
|
|
9
|
+
|
|
10
|
+
## 1.3.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- 353e566: Fix cancel trigger alignment in the default theme for wrapped Vanilla and Angular triggers.
|
|
15
|
+
|
|
3
16
|
## 1.3.0
|
|
4
17
|
|
|
5
18
|
## 1.2.0
|
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@ import "@glowhop/styles-tour/default.css";
|
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
The theme follows `prefers-color-scheme`. To force one, set `data-glow-tour-theme` to
|
|
12
|
-
`light` or `dark` on any ancestor of the tour
|
|
12
|
+
`light` or `dark` on any ancestor of the tour - `<html>` for the whole page, a wrapper for
|
|
13
13
|
a single tour:
|
|
14
14
|
|
|
15
15
|
```html
|
package/default.css
CHANGED
|
@@ -115,10 +115,10 @@
|
|
|
115
115
|
border-radius: var(--glow-tour-radius, 8px);
|
|
116
116
|
box-shadow: var(--glow-tour-shadow, 0 4px 12px rgb(0 0 0 / 8%));
|
|
117
117
|
color: var(--glow-tour-color-text, #1f1f23);
|
|
118
|
-
display:
|
|
118
|
+
display: flex;
|
|
119
|
+
flex-direction: column;
|
|
119
120
|
font: inherit;
|
|
120
|
-
gap: calc(var(--glow-tour-spacing, 8px) *
|
|
121
|
-
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
121
|
+
gap: calc(var(--glow-tour-spacing, 8px) * 2);
|
|
122
122
|
max-height: calc(100dvh - (var(--glow-tour-viewport-gap, 16px) * 2));
|
|
123
123
|
max-width: calc(100vw - (var(--glow-tour-viewport-gap, 16px) * 2));
|
|
124
124
|
overflow: visible;
|
|
@@ -158,6 +158,10 @@
|
|
|
158
158
|
justify-content: flex-end;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
+
:where([data-glow-tour-root]) [data-glow-tour-footer] > glow-tour-cancel-trigger {
|
|
162
|
+
margin-inline-end: auto;
|
|
163
|
+
}
|
|
164
|
+
|
|
161
165
|
:where([data-glow-tour-root]) [data-glow-tour-cancel-trigger],
|
|
162
166
|
:where([data-glow-tour-root]) [data-glow-tour-previous-trigger],
|
|
163
167
|
:where([data-glow-tour-root]) [data-glow-tour-advance-trigger] {
|
|
@@ -184,6 +188,7 @@
|
|
|
184
188
|
background: transparent;
|
|
185
189
|
color: var(--glow-tour-color-text-muted, #5f5f66);
|
|
186
190
|
margin-inline-end: auto;
|
|
191
|
+
padding: 0;
|
|
187
192
|
}
|
|
188
193
|
|
|
189
194
|
:where([data-glow-tour-root]) [data-glow-tour-cancel-trigger]:hover:not(:disabled) {
|