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

fix(SW-451): Fixed some of the ui comments

Browse Source
This commit is contained in:
Pontus Dreij
2024-11-09 10:38:45 +01:00
parent 61027acd0d
commit 031c0f71b8
10 changed files with 102 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css
View File

@@ -3,6 +3,7 @@
border-radius: var(--Corner-radius-Large);
padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
background-color: var(--Base-Surface-Secondary-light-Normal);
border: 1px solid var(--Base-Surface-Secondary-light-Normal);
position: relative;
display: flex;
flex-direction: column;
@@ -22,6 +23,13 @@
background-color: var(--Base-Surface-Primary-light-Hover-alt);
}
.checkIcon {
width: 24px;
height: 24px;
border-radius: 100px;
background-color: var(--UI-Input-Controls-Fill-Selected);
border: 2px solid var(--Base-Border-Inverted);
justify-content: center;
align-items: center;
display: none;
}
input[type="radio"]:checked + .card {
@@ -29,7 +37,7 @@ input[type="radio"]:checked + .card {
background-color: var(--Base-Surface-Primary-light-Hover-alt);
}
input[type="radio"]:checked + .card .checkIcon {
display: block;
display: flex;
position: absolute;
top: -10px;
right: -10px;
@@ -40,12 +48,6 @@ input[type="radio"]:checked + .card .checkIcon {
gap: var(--Spacing-x-half);
}
.header .infoIcon,
.header .infoIcon path {
stroke: var(--UI-Text-Medium-contrast);
fill: transparent;
}
.button {
background: none;
border: none;
@@ -53,7 +55,7 @@ input[type="radio"]:checked + .card .checkIcon {
grid-area: chevron;
height: 100%;
justify-self: flex-end;
padding: 0;
padding: 1px 0 0 0;
}
.popover {