add icon opacity

This commit is contained in:
Simon Vieille 2020-08-13 22:07:09 +02:00
parent 9eec0ce3ef
commit 011d24d3bd
Signed by: deblan
GPG key ID: 03383D15A1D31745
4 changed files with 23 additions and 1 deletions

View file

@ -64,6 +64,7 @@
vertical-align: top;
margin-right: 10px;
filter: invert(var(--side-menu-icon-invert-filter, 0%));
opacity: var(--side-menu-icon-opacity, 1);
}
.side-menu-app-icon svg {

View file

@ -75,6 +75,7 @@ class CssController extends Controller
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),
'icon-invert-filter' => abs((int) $this->config->getAppValue('side_menu', 'icon-invert-filter', '0')).'%',
'icon-opacity' => abs((int) $this->config->getAppValue('side_menu', 'icon-opacity', '100') / 100),
],
'display-logo' => (bool) $this->config->getAppValue('side_menu', 'display-logo', 1),
'opener-only' => (bool) $this->config->getAppValue('side_menu', 'opener-only', 0),

View file

@ -69,6 +69,7 @@ class Admin implements ISettings
'current-app-background-color' => $this->config->getAppValue('side_menu', 'current-app-background-color', '#444444'),
'loader-color' => $this->config->getAppValue('side_menu', 'loader-color', '#0e75ac'),
'icon-invert-filter' => (int) $this->config->getAppValue('side_menu', 'icon-invert-filter', '0'),
'icon-opacity' => (int) $this->config->getAppValue('side_menu', 'opacity', '100'),
'loader-enabled' => $this->config->getAppValue('side_menu', 'loader-enabled', '1'),
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
'cache' => $this->config->getAppValue('side_menu', 'cache', '0'),

View file

@ -89,7 +89,7 @@ $choicesSizes = [
<div>
<label for="side-menu-icon-invert-filter">
<?php p($l->t('Icon color')); ?>
<?php p($l->t('Icon')); ?>
</label>
</div>
@ -112,6 +112,25 @@ $choicesSizes = [
</em>
</div>
<div>
<em>
<?php p($l->t('Transparent')); ?>
</em>
<input
type="range"
min="0" max="100"
id="side-menu-icon-opacity"
name="icon-opacity"
class="side-menu-setting"
value="<?php echo $_['icon-opacity'] ?>"
>
<em>
<?php p($l->t('Opaque')); ?>
</em>
</div>
<div>
<label for="side-menu-text-color">
<?php p($l->t('Loader')); ?>