forked from platypush/platypush
Improved style for temp/humidity sensors on the widget
This commit is contained in:
parent
20a9224ab5
commit
44596a6cfb
2 changed files with 25 additions and 5 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>°
|
||||
</div>
|
||||
<div class="sensors row">
|
||||
<div class="sensor-temperature six columns">
|
||||
<i class="fa fa-thermometer"></i>
|
||||
<span data-bind="sensor-temperature">N/A</span>°
|
||||
</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>
|
||||
<span data-bind="sensor-humidity">N/A</span>%
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in a new issue