joachim
/
openwebrx-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

re-align main buttons

This commit is contained in:
Jakob Ketterl 2020-03-16 22:48:42 +01:00
parent 1a1ad670ee
commit 8a03951713
3 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
htdocs/css/openwebrx-header.css
View File

@ -121,31 +121,27 @@
display:none;
}
#openwebrx-main-buttons ul
{
margin:0;
padding: 0;
}
#openwebrx-main-buttons ul li
{
display: inline-block;
#openwebrx-main-buttons .button {
display: block;
width: 55px;
cursor:pointer;
}
#openwebrx-main-buttons .button img {
height: 38px;
}
#openwebrx-main-buttons a {
color: inherit;
text-decoration: inherit;
}
#openwebrx-main-buttons li:hover
#openwebrx-main-buttons .button:hover
{
background-color: rgba(255, 255, 255, 0.3);
}
#openwebrx-main-buttons li:active
#openwebrx-main-buttons .button:active
{
background-color: rgba(255, 255, 255, 0.55);
}
@ -153,6 +149,9 @@
#openwebrx-main-buttons
{
padding: 5px 0;
display: flex;
list-style: none;
float: right;
margin:0;
color: white;

12
htdocs/include/header.include.html
View File

@ -14,13 +14,11 @@
<a id="openwebrx-rx-details-arrow-down" class="openwebrx-photo-trigger"><img src="static/gfx/openwebrx-rx-details-arrow.png" /></a>
</div>
<section id="openwebrx-main-buttons">
<ul>
<li data-toggle-panel="openwebrx-panel-status"><img src="static/gfx/openwebrx-panel-status.png" /><br/>Status</li>
<li data-toggle-panel="openwebrx-panel-log"><img src="static/gfx/openwebrx-panel-log.png" /><br/>Log</li>
<li data-toggle-panel="openwebrx-panel-receiver"><img src="static/gfx/openwebrx-panel-receiver.png" /><br/>Receiver</li>
<li><a href="map" target="_blank"><img src="static/gfx/openwebrx-panel-map.png" /><br/>Map</a></li>
<li><a href="admin" target="_blank"><img src="static/gfx/openwebrx-panel-settings.png" /><br/>Settings</a></li>
</ul>
<div class="button" data-toggle-panel="openwebrx-panel-status"><img src="static/gfx/openwebrx-panel-status.png" /><br/>Status</div>
<div class="button" data-toggle-panel="openwebrx-panel-log"><img src="static/gfx/openwebrx-panel-log.png" /><br/>Log</div>
<div class="button" data-toggle-panel="openwebrx-panel-receiver"><img src="static/gfx/openwebrx-panel-receiver.png" /><br/>Receiver</div>
<a class="button" href="map" target="_blank"><img src="static/gfx/openwebrx-panel-map.png" /><br/>Map</a>
<a class="button" href="admin" target="_blank"><img src="static/gfx/openwebrx-panel-settings.png" /><br/>Settings</a>
</section>
</div>
<div id="webrx-rx-photo-title"></div>

2
htdocs/openwebrx.js
View File

@ -1770,7 +1770,7 @@ function openwebrx_resize() {
}
function init_header() {
$('#openwebrx-main-buttons').find('li[data-toggle-panel]').click(function () {
$('#openwebrx-main-buttons').find('[data-toggle-panel]').click(function () {
toggle_panel($(this).data('toggle-panel'));
});
}