aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
authorRoger Zanoni <rzanoni@igalia.com>2022-11-02 10:16:03 +0100
committerRoger Zanoni <rzanoni@igalia.com>2022-11-02 14:51:15 +0100
commitb0c869c0461741413af9e6a24f6e156717b6362f (patch)
tree1e7efd54e4c426d1b50dd7676e1186857b88802f /src/styles
parent6abbe876aee09b225af9329e28b4fa2cc4d4c220 (diff)
Adapt the demo to use kuksa.val service
- The "AUTO" element was removed because there's no compatible VSS signal. - Removed the indicators below the seats and now they work only to toggle the state of the seat warmer. - The air distribution buttons now work as a radio group as there is only one AirDistribution setting per cabin. Bug-AGL: SPEC-4599 Signed-off-by: Roger Zanoni <rzanoni@igalia.com> Change-Id: Ibfaa477a7c27627ac524f39dd809b7a2195c7c9f
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/landscape.scss10
-rw-r--r--src/styles/main.scss32
2 files changed, 18 insertions, 24 deletions
diff --git a/src/styles/landscape.scss b/src/styles/landscape.scss
index 7acca5e..765443c 100644
--- a/src/styles/landscape.scss
+++ b/src/styles/landscape.scss
@@ -14,9 +14,11 @@
}
.center {
+ width: 75%;
position: relative;
float: left;
height: 20%;
+ margin-left: 150px;
margin-top: 40px;
.item {
@@ -24,16 +26,14 @@
.button {
.label {
- font-size: 4em;
- margin-top: -45%;
+ font-size: 2.5em;
}
}
}
.item.ac {
.label {
- font-size: 4em;
- margin-top: -45%;
+ font-size: 2.5em;
}
}
}
@@ -58,4 +58,4 @@
}
}
}
-} \ No newline at end of file
+}
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 5d2d950..7ab190f 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -133,48 +133,42 @@ body {
padding-top:75%;
}
- &.ac, &.auto {
+ &.ac {
+ position: relative;
+
.label {
font-weight: bold;
font-size: 2.5rem;
- text-align: center;
- margin-top: -50%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
}
}
&.seat {
img {
width: 50%;
- margin: 0 25%;
+ margin: 10% 25%;
}
- &[value="0"] {
- .one, .two {
- display: none;
- }
+ &[value="false"] {
.off {
display: block;
}
- }
-
- &[value="1"] {
- .off, .two {
+ .on {
display: none;
}
- .one {
- display: block;
- }
}
- &[value="2"] {
- .one, .off {
+ &[value="true"] {
+ .off {
display: none;
}
- .two {
+ .on {
display: block;
}
}
-
}
&.circulation {