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

Feat/BOOK-63 hotel subpages branding

Browse Source 
* feat(BOOK-63): Replaced css variables and components to apply hotel branding on subpages
* feat(BOOK-63): Replaced css variables and components to apply hotel branding on hotel page map view

Approved-by: Christel Westerberg
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-05 08:30:55 +00:00
parent 7fc49428c7
commit 3a38e99a71
47 changed files with 524 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/design-system/lib/components/ParkingInformation/ParkingList/index.tsx
View File

@@ -37,9 +37,9 @@ export default function ParkingList({
return (
<Typography variant="Body/Paragraph/mdRegular">
<ul className={styles.listStyling}>
<ul className={styles.list}>
{numberOfChargingSpaces ? (
<li>
<li className={styles.listItem}>
{intl.formatMessage(
{
id: 'parkingInformation.numberOfChargingPoints',
@@ -50,13 +50,13 @@ export default function ParkingList({
)}
</li>
) : null}
<li>
<li className={styles.listItem}>
{canMakeReservation
? canMakeReservationYesMsg
: canMakeReservationNoMsg}
</li>
{numberOfParkingSpots ? (
<li>
<li className={styles.listItem}>
{intl.formatMessage(
{
id: 'parkingInformation.numberOfParkingSpots',
@@ -67,7 +67,7 @@ export default function ParkingList({
</li>
) : null}
{distanceToHotel ? (
<li>
<li className={styles.listItem}>
{intl.formatMessage(
{
id: 'parkingInformation.distanceToHotel',
@@ -78,7 +78,7 @@ export default function ParkingList({
</li>
) : null}
{address ? (
<li>
<li className={styles.listItem}>
{intl.formatMessage(
{
id: 'parkingInformation.address',

27
packages/design-system/lib/components/ParkingInformation/ParkingList/parkingList.module.css
View File

@@ -1,11 +1,24 @@
.listStyling {
.list {
display: grid;
gap: var(--Space-x1);
list-style-type: none;
}
.listStyling > li::before {
content: url('/_static/icons/heart.svg');
position: relative;
height: 8px;
top: 3px;
margin-right: var(--Spacing-x1);
.listItem {
display: flex;
gap: var(--Space-x1);
&::before {
content: '';
position: relative;
top: 3px;
display: inline-flex;
flex-shrink: 0;
width: 16px;
height: 16px;
background-color: var(--Icon-Accent);
mask-image: url('/_static/icons/heart.svg');
mask-size: contain;
mask-repeat: no-repeat;
}
}