forked from deblan/side_menu
add icon color filter range
This commit is contained in:
parent
831d2d81fc
commit
9eec0ce3ef
|
@ -24,6 +24,9 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#side-menu-section input[type="range"] {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
#side-menu-section select {
|
#side-menu-section select {
|
||||||
margin: 10px 0 10px 0;
|
margin: 10px 0 10px 0;
|
||||||
|
|
|
@ -63,6 +63,7 @@
|
||||||
width: 20px;
|
width: 20px;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
filter: invert(var(--side-menu-icon-invert-filter, 0%));
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-app-icon svg {
|
.side-menu-app-icon svg {
|
||||||
|
|
|
@ -74,6 +74,7 @@ class CssController extends Controller
|
||||||
'loader-color' => $this->config->getAppValue('side_menu', 'loader-color', '#0e75ac'),
|
'loader-color' => $this->config->getAppValue('side_menu', 'loader-color', '#0e75ac'),
|
||||||
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
|
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
|
||||||
'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),
|
'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),
|
||||||
|
'icon-invert-filter' => abs((int) $this->config->getAppValue('side_menu', 'icon-invert-filter', '0')).'%',
|
||||||
],
|
],
|
||||||
'display-logo' => (bool) $this->config->getAppValue('side_menu', 'display-logo', 1),
|
'display-logo' => (bool) $this->config->getAppValue('side_menu', 'display-logo', 1),
|
||||||
'opener-only' => (bool) $this->config->getAppValue('side_menu', 'opener-only', 0),
|
'opener-only' => (bool) $this->config->getAppValue('side_menu', 'opener-only', 0),
|
||||||
|
|
|
@ -18,12 +18,12 @@
|
||||||
|
|
||||||
namespace OCA\SideMenu\Settings;
|
namespace OCA\SideMenu\Settings;
|
||||||
|
|
||||||
|
use OCA\SideMenu\Service\AppRepository;
|
||||||
use OCP\AppFramework\Http\TemplateResponse;
|
use OCP\AppFramework\Http\TemplateResponse;
|
||||||
|
use OCP\IConfig;
|
||||||
use OCP\IL10N;
|
use OCP\IL10N;
|
||||||
use OCP\ILogger;
|
use OCP\ILogger;
|
||||||
use OCP\Settings\ISettings;
|
use OCP\Settings\ISettings;
|
||||||
use OCP\IConfig;
|
|
||||||
use OCA\SideMenu\Service\AppRepository;
|
|
||||||
|
|
||||||
class Admin implements ISettings
|
class Admin implements ISettings
|
||||||
{
|
{
|
||||||
|
@ -68,9 +68,9 @@ class Admin implements ISettings
|
||||||
'background-color-to' => $backgroundColorTo,
|
'background-color-to' => $backgroundColorTo,
|
||||||
'current-app-background-color' => $this->config->getAppValue('side_menu', 'current-app-background-color', '#444444'),
|
'current-app-background-color' => $this->config->getAppValue('side_menu', 'current-app-background-color', '#444444'),
|
||||||
'loader-color' => $this->config->getAppValue('side_menu', 'loader-color', '#0e75ac'),
|
'loader-color' => $this->config->getAppValue('side_menu', 'loader-color', '#0e75ac'),
|
||||||
|
'icon-invert-filter' => (int) $this->config->getAppValue('side_menu', 'icon-invert-filter', '0'),
|
||||||
'loader-enabled' => $this->config->getAppValue('side_menu', 'loader-enabled', '1'),
|
'loader-enabled' => $this->config->getAppValue('side_menu', 'loader-enabled', '1'),
|
||||||
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
|
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
|
||||||
'force-light-icon' => $this->config->getAppValue('side_menu', 'force-light-icon', '0'),
|
|
||||||
'cache' => $this->config->getAppValue('side_menu', 'cache', '0'),
|
'cache' => $this->config->getAppValue('side_menu', 'cache', '0'),
|
||||||
'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),
|
'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),
|
||||||
'big-menu' => $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
'big-menu' => $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
||||||
|
|
|
@ -88,21 +88,28 @@ $choicesSizes = [
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label for="side-menu-opener-only">
|
<label for="side-menu-icon-invert-filter">
|
||||||
<?php p($l->t('Force light icons')); ?>
|
<?php p($l->t('Icon color')); ?>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p><em>This feature is not compatible with the <code>big menu</code> display.</em></p>
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<select id="side-menu-force-light-icon" name="force-light-icon" class="side-menu-setting">
|
<em>
|
||||||
<?php foreach ($choicesYesNo as $label => $value): ?>
|
<?php p($l->t('Same color')); ?>
|
||||||
<option value="<?php echo $value ?>" <?php if ($value === $_['force-light-icon']): ?>selected<?php endif; ?>>
|
</em>
|
||||||
<?php echo $l->t($label); ?>
|
|
||||||
</option>
|
<input
|
||||||
<?php endforeach; ?>
|
type="range"
|
||||||
</select>
|
min="0" max="100"
|
||||||
|
id="side-menu-icon-invert-filter"
|
||||||
|
name="icon-invert-filter"
|
||||||
|
class="side-menu-setting"
|
||||||
|
value="<?php echo $_['icon-invert-filter'] ?>"
|
||||||
|
>
|
||||||
|
|
||||||
|
<em>
|
||||||
|
<?php p($l->t('Opposite color')); ?>
|
||||||
|
</em>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
Loading…
Reference in a new issue