Improved style for temp/humidity sensors on the widget

This commit is contained in:
Fabio Manganiello 2018-05-07 19:16:25 +02:00
parent 20a9224ab5
commit 44596a6cfb
2 changed files with 25 additions and 5 deletions

View file

@ -4,6 +4,8 @@
.date-time-weather-container {
padding: 2rem;
position: relative;
min-height: 20.5em;
}
h1.temperature {
@ -16,8 +18,22 @@ h1.temperature {
font-size: 22px;
}
.widget.date-time-weather * > .sensors {
position: absolute;
bottom: 2rem;
width: 100%;
}
.widget.date-time-weather * > .sensor-temperature,
.widget.date-time-weather * > .sensor-humidity {
display: none;
font-weight: bold;
}
.widget.date-time-weather * > .sensor-temperature {
text-align: left;
}
.widget.date-time-weather * > .sensor-humidity {
text-align: right;
}

View file

@ -11,12 +11,16 @@
<div class="forecast" data-bind="forecast"></div>
<div class="sensor-temperature">
Sensor temperature: <span data-bind="sensor-temperature">N/A</span>&deg;
</div>
<div class="sensors row">
<div class="sensor-temperature six columns">
<i class="fa fa-thermometer"></i> &nbsp;
<span data-bind="sensor-temperature">N/A</span>&deg;
</div>
<div class="sensor-humidity">
Sensor humidity: <span data-bind="sensor-humidity">N/A</span>%
<div class="sensor-humidity six columns">
<i class="fa fa-tint"></i> &nbsp;
<span data-bind="sensor-humidity">N/A</span>%
</div>
</div>
</div>