[curweather] Fix widget layout. [friendica#5473] (#662)

See issue [friendica#5473](https://github.com/friendica/friendica/issues/5473) and PR#653.
This commit is contained in:
Andreas Neustifter 2018-07-23 23:06:09 +02:00 committed by Hypolite Petovan
parent 76a9630d40
commit b058ac39df
3 changed files with 186 additions and 179 deletions

View File

@ -1,11 +1,11 @@
#curweather-network img { #curweather-network img {
float: left; float: left;
margin: 30px 10px;
} }
ul.curweather-details li { ul.curweather-details li {
list-type: none; list-type: none;
} }
p.curweather-footer { div.curweather-footer {
margin-top: 10px;
font-size: 0.8em; font-size: 0.8em;
} }

View File

@ -1,17 +1,24 @@
<div id="curweather-network" class="widget"> <div id="curweather-network" class="widget">
<div class="title tool"> <div class="title tool clear">
<h3 title="{{$lastupdate}}">{{$title}}: {{$city}}</h3> <h3 title="{{$lastupdate}}">{{$title}}: {{$city}}</h3>
</div> </div>
<p> <div class="pull-left">
<img src="{{$icon}}" title="{{$description}}"> <img src="{{$icon}}" title="{{$description}}">
</div>
<div class="pull-right">
<ul class="curweather-details"> <ul class="curweather-details">
<li><strong>{{$temp}}</strong></li> <li><strong>{{$temp}}</strong></li>
<li>{{$relhumidity['caption']}}: {{$relhumidity['val']}}</li> <li>{{$relhumidity['caption']}}: {{$relhumidity['val']}}</li>
<li>{{$pressure['caption']}}: {{$pressure['val']}}</li> <li>{{$pressure['caption']}}: {{$pressure['val']}}</li>
<li>{{$wind['caption']}}: {{$wind['val']}}</li> <li>{{$wind['caption']}}: {{$wind['val']}}</li>
</ul></p> </ul>
<p class="curweather-footer"> </div>
{{$databy}}: <a href="http://openweathermap.org">OpenWeatherMap</a>. <a href="http://openweathermap.org/weathermap?basemap=map&cities=true&layer=temperature&lat={{$lat}}&lon={{$lon}}&zoom=10">{{$showonmap}}</a> <div class="clear"></div>
</p> <div class="curweather-footer pull-left">
{{$databy}}: <a href="http://openweathermap.org">OpenWeatherMap</a>.
</div>
<div class="curweather-footer pull-right">
<a href="http://openweathermap.org/weathermap?basemap=map&cities=true&layer=temperature&lat={{$lat}}&lon={{$lon}}&zoom=10">{{$showonmap}}</a>
</div>
</div> </div>
<div class="clear"></div> <div class="clear"></div>