feat: 更新Joyride z-index配置,确保tooltip按钮可点击
This commit is contained in:
@@ -6,7 +6,9 @@ import { useTour } from './use-tour'
|
|||||||
// Joyride 主题配置
|
// Joyride 主题配置
|
||||||
const joyrideStyles = {
|
const joyrideStyles = {
|
||||||
options: {
|
options: {
|
||||||
zIndex: 10000,
|
// 提到 portal 容器(99999)之上,确保 overlay/spotlight/tooltip 都在最上层;
|
||||||
|
// overlay 的 z-index 由 react-joyride 内部基于 options.zIndex 推算,必须大于 floater 才能让 tooltip 按钮可点击。
|
||||||
|
zIndex: 100000,
|
||||||
primaryColor: 'hsl(var(--color-primary))',
|
primaryColor: 'hsl(var(--color-primary))',
|
||||||
textColor: 'hsl(var(--color-foreground))',
|
textColor: 'hsl(var(--color-foreground))',
|
||||||
backgroundColor: 'hsl(var(--color-background))',
|
backgroundColor: 'hsl(var(--color-background))',
|
||||||
@@ -197,13 +199,6 @@ export function TourRenderer() {
|
|||||||
locale={locale}
|
locale={locale}
|
||||||
scrollOffset={80}
|
scrollOffset={80}
|
||||||
scrollToFirstStep
|
scrollToFirstStep
|
||||||
floaterProps={{
|
|
||||||
styles: {
|
|
||||||
floater: {
|
|
||||||
zIndex: 99999,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user