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

Merged in fix/SW-565-rooms-guests-widget-ui (pull request #928)

Browse Source 
Fix/SW-565 rooms guests widget ui

Approved-by: Bianca Widstam
This commit is contained in:
Pontus Dreij
2024-11-19 12:51:44 +00:00
parent b7ffc8588d ebbdecf8d8
commit 7806aa69de
4 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/GuestsRoomsPicker/ChildSelector/ChildInfoSelector.tsx
View File

@@ -94,7 +94,7 @@ export default function ChildInfoSelector({
updateSelectedAge(key as number) updateSelectedAge(key as number)
}} }}
placeholder={ageLabel} placeholder={ageLabel}
maxHeight={150} maxHeight={180}
{...register(ageFieldName, { {...register(ageFieldName, {
required: true, required: true,
})} })}

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 {