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

Merged in fix/SW-1655-tripadvisor-icon-map (pull request #2695)

Browse Source 
fix(SW-1655): update design tripadvisor on hotel map card

* fix(SW-1655): update design tripadvisor on hotel map card

* fix(SW-1655): update radius

* fix(SW-1655): use tripadvisor chip, create different variants

* fix(SW-1655): update variants, storybook, and global css


Approved-by: Joakim Jäderberg
This commit is contained in:
Bianca Widstam
2025-08-26 13:08:28 +00:00
parent 4d4c90b800
commit 5f8d77e54a
15 changed files with 98 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/design-system/lib/components/HotelCard/HotelCardDialogImage/hotelCardDialogImage.module.css
View File

@@ -32,15 +32,3 @@
.imageContainer img {
object-fit: cover;
}
.imageContainer .tripAdvisor {
position: absolute;
left: 7px;
top: 7px;
border-radius: 2px;
}
.imageContainer.top .tripAdvisor {
left: 4px;
top: 4px;
}

14
packages/design-system/lib/components/HotelCard/HotelCardDialogImage/index.tsx
View File

@@ -1,9 +1,7 @@
import TripadvisorIcon from '@scandic-hotels/design-system/Icons/TripadvisorIcon'
import Image from '@scandic-hotels/design-system/Image'
import Chip from '@scandic-hotels/design-system/Chip'
import { hotelCardDialogImageVariants } from './variants'
import { TripAdvisorChip } from '@scandic-hotels/design-system/TripAdvisorChip'
import styles from './hotelCardDialogImage.module.css'
@@ -39,12 +37,10 @@ export function HotelCardDialogImage({
/>
)}
{rating?.tripAdvisor && (
<div className={styles.tripAdvisor}>
<Chip className={styles.tripAdvisor}>
<TripadvisorIcon color="Icon/Interactive/Default" />
{rating.tripAdvisor}
</Chip>
</div>
<TripAdvisorChip
rating={rating.tripAdvisor}
variant={position === 'top' ? 'small' : 'default'}
/>
)}
</div>
)