diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-07-04 14:12:55 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 09:42:15 +0100 |
| commit | 24997a5bce23c496b2e6c5e11e281331e1a836a7 (patch) | |
| tree | 18b731d18954b0cec743dcfe10f5f8faa10b0cc5 | |
| parent | 457df3d7a9edb6dcd95fe7d75f1bc12cd18d90f7 (diff) | |
FUNCT Add temperatures navigation
| -rw-r--r-- | src/index.html | 104 | ||||
| -rw-r--r-- | src/styles/main.scss | 21 |
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; } } } |