diff options
| author |   Roger Zanoni <rzanoni@igalia.com> | 2022-11-02 10:16:03 +0100 |
|---|---|---|
| committer | Roger Zanoni <rzanoni@igalia.com> | 2022-11-02 14:51:15 +0100 |
| commit | b0c869c0461741413af9e6a24f6e156717b6362f (patch) | |
| tree | 1e7efd54e4c426d1b50dd7676e1186857b88802f /src/styles | |
| parent | 6abbe876aee09b225af9329e28b4fa2cc4d4c220 (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.scss | 10 | ||||
| -rw-r--r-- | src/styles/main.scss | 32 |
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 { |