tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-09-25 10:57:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Move header logo to sidebar and increase its height

Browse Source
This commit is contained in:
Eric Lippmann 2017-11-17 23:42:04 +01:00 committed by Florian Strohmaier
parent a9a4eb4eee
commit 375e62272c
4 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
application/layouts/scripts/body.phtml
View File

@ -23,21 +23,21 @@ $inlineLayoutScript = $this->layout()->inlineLayout . '.phtml';
<div id="announcements" class="container">
<?= $this->widget('announcements') ?>
</div>
<div id="header-logo-container">
<?= $this->qlink(
'',
Auth::getInstance()->isAuthenticated() ? 'dashboard' : '',
null,
array(
'aria-hidden' => 'true',
'data-base-target' => '_main',
'id' => 'header-logo'
)
); ?>
</div>
</div>
<?php if (! $this->layout()->isIframe): ?>
<div id="sidebar">
<div id="header-logo-container">
<?= $this->qlink(
'',
Auth::getInstance()->isAuthenticated() ? 'dashboard' : '',
null,
array(
'aria-hidden' => 'true',
'data-base-target' => '_main',
'id' => 'header-logo'
)
) ?>
</div>
<?= $this->render('parts/navigation.phtml'); ?>
</div>
<?php endif ?>

23
public/css/icinga/layout-structure.less
View File

@ -6,34 +6,33 @@ html {
#layout {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
position: fixed;
left: 0;
top: 0;
}
#header {
height: 3em;
left: 0;
position: fixed;
top: 0;
width: 100%;
position: fixed;
left: 0;
top: 0;
}
#sidebar {
width: 12em;
position: fixed;
bottom: 0;
left: 0;
position: fixed;
top: 2.25em;
width: 12em;
top: 0;
}
#main {
bottom: 0;
left: 12em;
position: fixed;
bottom: 0;
right: 0;
top: 2.25em;
top: 0;
}
.iframe {

17
public/css/icinga/layout.less
View File

@ -37,18 +37,19 @@
}
#header-logo-container {
height: 2.667em;
margin: .1667em 0 .1667em .7em;
width: 100px;
background-color: @icinga-blue;
height: 3em;
padding: 0.5em 0.125em;
}
#header-logo {
background-image: url('../img/icinga-logo.svg');
background-position: left center;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 100%;
width: 100%;
}
#icinga-logo {
@ -149,9 +150,13 @@
background-color: @body-bg-color;
> .tabs {
height: 2.6em;
margin-top: -2.6em;
background-color: @icinga-blue;
height: 3em;
overflow: hidden;
> li {
margin-top: 0.4em;
}
}
> .tabs-spacer {

2
public/js/icinga/ui.js
View File

@ -576,7 +576,7 @@
if (typeof $container === 'undefined') {
var $header = $('#header');
var $headerLogo = $('#header-logo');
var $headerLogo = $('#header-logo-container');
var $main = $('#main');
var $search = $('#search');
var $sidebar = $('#sidebar');