aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-07-04 14:12:55 +0200
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 09:42:15 +0100
commit24997a5bce23c496b2e6c5e11e281331e1a836a7 (patch)
tree18b731d18954b0cec743dcfe10f5f8faa10b0cc5
parent457df3d7a9edb6dcd95fe7d75f1bc12cd18d90f7 (diff)
FUNCT Add temperatures navigation
-rw-r--r--src/index.html104
-rw-r--r--src/styles/main.scss21
2 files changed, 112 insertions, 13 deletions
diff --git a/src/index.html b/src/index.html
index e450e2b..e727743 100644
--- a/src/index.html
+++ b/src/index.html
@@ -25,7 +25,59 @@
<img src="../images/HMI_HVAC_ChairIndicator_OFF.svg"/>
</div>
<div class="temperatures item">
+ <div class="temperatures-container">
+ <div class="temperature">
+ LO
+ </div>
+ <div class="temperature">
+ 16º
+ </div>
+ <div class="temperature">
+ 17º
+ </div>
+ <div class="temperature">
+ 18º
+ </div>
+ <div class="temperature">
+ 19º
+ </div>
+ <div class="temperature">
+ 20º
+ </div>
+ <div class="temperature">
+ 21º
+ </div>
+ <div class="temperature">
+ 22º
+ </div>
+ <div class="temperature">
+ 23º
+ </div>
+ <div class="temperature">
+ 24º
+ </div>
+ <div class="temperature">
+ 25º
+ </div>
+ <div class="temperature">
+ 26º
+ </div>
+ <div class="temperature">
+ 27º
+ </div>
+ <div class="temperature">
+ 28º
+ </div>
+ <div class="temperature">
+ 29º
+ </div>
+ <div class="temperature">
+ HI
+ </div>
+ <div class="temperature">
+ </div>
+ </div>
</div>
<div class="block item">
<div class="auto item">
@@ -39,7 +91,59 @@
</div>
</div>
<div class=" temperatures item">
+ <div class="temperatures-container">
+ <div class="temperature">
+ LO
+ </div>
+ <div class="temperature">
+ 16º
+ </div>
+ <div class="temperature">
+ 17º
+ </div>
+ <div class="temperature">
+ 18º
+ </div>
+ <div class="temperature">
+ 19º
+ </div>
+ <div class="temperature">
+ 20º
+ </div>
+ <div class="temperature">
+ 21º
+ </div>
+ <div class="temperature">
+ 22º
+ </div>
+ <div class="temperature">
+ 23º
+ </div>
+ <div class="temperature">
+ 24º
+ </div>
+ <div class="temperature">
+ 25º
+ </div>
+ <div class="temperature">
+ 26º
+ </div>
+ <div class="temperature">
+ 27º
+ </div>
+ <div class="temperature">
+ 28º
+ </div>
+ <div class="temperature">
+ 29º
+ </div>
+ <div class="temperature">
+ HI
+ </div>
+ <div class="temperature">
+ </div>
+ </div>
</div>
</div>
<div class="bottom">
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 5fd580e..bafd901 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -62,24 +62,19 @@ body {
}
&.temperatures {
- &:before {
- padding-top:150%;
- }
-
- .scrolling {
- position: relative;
- float: left;
+ .temperatures-container {
width: 100%;
- height: 100%;
- overflow: scroll;
+ height: 480px;
+ overflow-y: scroll;
+ scroll-snap-type: y mandatory;
.temperature {
- position: relative;
- float: left;
- height: 50%;
- width: 100%;
font-size: 10rem;
text-align: center;
+ width: 100%;
+ height: 240px;
+ line-height: 240px;
+ scroll-snap-align: start;
}
}
}