scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-565): Fixed that tooltip doesn't block anything.

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-19 09:50:08 +01:00
parent 3992529535
commit 94f97dffa9
3 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/GuestsRoomsPicker/Form.tsx
View File

@@ -99,7 +99,7 @@ export default function GuestsRoomsPickerDialog({
<Tooltip <Tooltip
heading={disabledBookingOptionsHeader} heading={disabledBookingOptionsHeader}
text={disabledBookingOptionsText} text={disabledBookingOptionsText}
position="top" position="bottom"
arrow="left" arrow="left"
> >
{rooms.length < 4 ? ( {rooms.length < 4 ? (
@@ -124,7 +124,7 @@ export default function GuestsRoomsPickerDialog({
<Tooltip <Tooltip
heading={disabledBookingOptionsHeader} heading={disabledBookingOptionsHeader}
text={disabledBookingOptionsText} text={disabledBookingOptionsText}
position="top" position="bottom"
arrow="left" arrow="left"
> >
{rooms.length < 4 ? ( {rooms.length < 4 ? (

1
components/TempDesignSystem/Tooltip/index.tsx
View File

@@ -28,6 +28,7 @@ export function Tooltip<P extends TooltipPosition>({
role="tooltip" role="tooltip"
aria-label={text} aria-label={text}
onClick={handleToggle} onClick={handleToggle}
onTouchStart={handleToggle}
data-active={isActive} data-active={isActive}
> >
<div className={className}> <div className={className}>

1
components/TempDesignSystem/Tooltip/tooltip.module.css
View File

@@ -16,6 +16,7 @@
transition: opacity 0.3s; transition: opacity 0.3s;
max-width: 200px; max-width: 200px;
min-width: 150px; min-width: 150px;
height: fit-content;
} }
.tooltipContainer:hover .tooltip { .tooltipContainer:hover .tooltip {