add 2nd background color

This commit is contained in:
Simon Vieille 2020-04-25 13:05:01 +02:00
parent a48611edf4
commit e3c159b4d6
Signed by: deblan
GPG Key ID: 03383D15A1D31745
5 changed files with 17 additions and 4 deletions

View File

@ -26,7 +26,7 @@
height: 100vh;
width: 100%;
max-width: 250px;
background: var(--side-menu-background-color, #333);
background: linear-gradient(40deg, var(--side-menu-background-color, #333) 0%, var(--side-menu-background-color-to, #333) 100%);
z-index: 3000;
color: var(--side-menu-text-color, #fff);
box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
@ -94,7 +94,6 @@
width: 100%;
z-index: 2300;
max-width: 250px;
background: var(--side-menu-background-color, #333);
position: fixed;
padding-top: 2px;
top: 0;

View File

@ -51,9 +51,13 @@ class CssController extends Controller
*/
public function stylesheet()
{
$backgroundColor = $this->config->getAppValue('side_menu', 'background-color', '#333333');
$backgroundColorTo = $this->config->getAppValue('side_menu', 'background-color-to', $backgroundColor);
$parameters = [
'vars' => [
'background-color' => $this->config->getAppValue('side_menu', 'background-color', '#333333'),
'background-color' => $backgroundColor,
'background-color-to' => $backgroundColorTo,
'current-app-background-color' => $this->config->getAppValue('side_menu', 'current-app-background-color', '#444444'),
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),

View File

@ -47,8 +47,12 @@ class Admin implements ISettings
*/
public function getForm()
{
$backgroundColor = $this->config->getAppValue('side_menu', 'background-color', '#333333');
$backgroundColorTo = $this->config->getAppValue('side_menu', 'background-color-to', $backgroundColor);
$parameters = [
'background-color' => $this->config->getAppValue('side_menu', 'background-color', '#333333'),
'background-color' => $backgroundColor,
'background-color-to' => $backgroundColorTo,
'current-app-background-color' => $this->config->getAppValue('side_menu', 'current-app-background-color', '#444444'),
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
'cache' => $this->config->getAppValue('side_menu', 'cache', '0'),

View File

@ -17,6 +17,7 @@
const elements = [
'side-menu-background-color',
'side-menu-background-color-to',
'side-menu-current-app-background-color',
'side-menu-text-color',
'side-menu-opener',

View File

@ -43,6 +43,11 @@ $choicesYesNo = [
name="background-color"
type="color"
value="<?php print_unescaped($_['background-color']); ?>">
<input
id="side-menu-background-color-to"
name="background-color-to"
type="color"
value="<?php print_unescaped($_['background-color-to']); ?>">
</div>
<div>