Use fontawesome icons for the default collapsible control

This commit is contained in:
Johannes Meyer 2021-05-12 12:47:59 +02:00
parent 54720a1fc1
commit 1a2bba0fd5
1 changed files with 4 additions and 2 deletions
application/layouts/scripts

View File

@ -1,6 +1,7 @@
<?php
use Icinga\Util\Translator;
use ipl\Web\Widget\Icon;
if (array_key_exists('_dev', $_GET)) {
$jsfile = 'js/icinga.dev.js';
@ -70,8 +71,9 @@ $innerLayoutScript = $this->layout()->innerLayout . '.phtml';
</script>
<div id="collapsible-control-ghost" class="collapsible-control">
<button type="button">
<?= $this->icon('angle-double-down', $this->translate('Expand'), ['class' => 'expand-icon']) ?>
<?= $this->icon('angle-double-up', $this->translate('Collapse'), ['class' => 'collapse-icon']) ?>
<!-- TODO: Accessibility attributes are missing since usage of the Icon class -->
<?= new Icon('angle-double-down', ['class' => 'expand-icon', 'title' => $this->translate('Expand')]) ?>
<?= new Icon('angle-double-up', ['class' => 'collapse-icon', 'title' => $this->translate('Collapse')]) ?>
</button>
</div>
<div id="modal-ghost">