tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Dashboard: Add ability to use IPL Icons (#4429)

This commit is contained in:
Florian Strohmaier 2021-07-07 17:29:05 +02:00 committed by GitHub
parent 5ca7a1acb5
commit 7be774b71d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
application/views/scripts/navigation/dashboard.phtml
View File

@ -1,3 +1,8 @@
<?php
use ipl\Web\Widget\Icon;
?>
<div class="controls"> <div class="controls">
<?= $tabs ?> <?= $tabs ?>
</div> </div>
@ -5,7 +10,13 @@
<?php foreach ($navigation as $item): /** @var \Icinga\Web\Navigation\NavigationItem $item */?> <?php foreach ($navigation as $item): /** @var \Icinga\Web\Navigation\NavigationItem $item */?>
<a class="dashboard-link" href="<?= $this->url($item->getUrl(), $item->getUrlParameters()) ?>"<?= $this->propertiesToString($item->getAttributes()) ?>> <a class="dashboard-link" href="<?= $this->url($item->getUrl(), $item->getUrlParameters()) ?>"<?= $this->propertiesToString($item->getAttributes()) ?>>
<div class="link-icon"> <div class="link-icon">
<?= $this->icon($item->getIcon() ?: 'forward', null, array('aria-hidden' => true)) ?> <?php
if (substr($item->getUrl()->getPath(), 0, 9) === 'icingadb/') {
echo new Icon($item->getIcon(), [ 'aria-hidden' => 1]);
} else {
echo $this->icon($item->getIcon() ?: 'forward', null, array('aria-hidden' => true));
}
?>
</div> </div>
<div class="link-meta"> <div class="link-meta">
<div class="link-label"><?= $this->escape($item->getLabel()) ?></div> <div class="link-label"><?= $this->escape($item->getLabel()) ?></div>

6
public/css/icinga/widgets.less
View File

@ -125,10 +125,16 @@
display: table-cell; display: table-cell;
padding-right: .5em; padding-right: .5em;
vertical-align: middle; vertical-align: middle;
text-align: center;
> i { > i {
font-size: 3em; font-size: 3em;
opacity: 0.7; opacity: 0.7;
line-height: 1.5;
&:before {
min-width: 1.25em;
}
} }
> img { > img {