fix #21: add on option to always display the menu on the left
This commit is contained in:
parent
8a9c68c702
commit
3da1830f58
|
@ -50,8 +50,8 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#side-menu.hide-opener .side-menu-opener, .side-menu-opener.hide {
|
#side-menu.hide-opener .side-menu-opener, .side-menu-opener.hide, #side-menu.hide {
|
||||||
display: none;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-menu-apps-list {
|
.side-menu-apps-list {
|
||||||
|
@ -180,6 +180,54 @@
|
||||||
margin-top: -2px;
|
margin-top: -2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed #header,
|
||||||
|
.side-menu-always-displayed body {
|
||||||
|
width: calc(100% - 50px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed body {
|
||||||
|
position: absolute;
|
||||||
|
left: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed #side-menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed .side-menu-apps-list {
|
||||||
|
top: 49px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed #side-menu,
|
||||||
|
.side-menu-always-displayed .side-menu-header,
|
||||||
|
.side-menu-always-displayed .side-menu-apps-list {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed #side-menu .side-menu-app-text,
|
||||||
|
.side-menu-always-displayed #header .side-menu-opener,
|
||||||
|
.side-menu-always-displayed .side-menu-logo {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed #side-menu.open,
|
||||||
|
.side-menu-always-displayed #side-menu.open .side-menu-apps-list,
|
||||||
|
.side-menu-always-displayed #side-menu.open .side-menu-header,
|
||||||
|
.side-menu-always-displayed #side-menu:hover,
|
||||||
|
.side-menu-always-displayed #side-menu:hover .side-menu-apps-list,
|
||||||
|
.side-menu-always-displayed #side-menu:hover .side-menu-header {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed #side-menu.open .side-menu-app-text,
|
||||||
|
.side-menu-always-displayed #side-menu:hover .side-menu-app-text {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.side-menu-always-displayed .app-navigation--close {
|
||||||
|
transform: translateX(calc(-100% + 50px)) !important;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (max-width: 1024px) {
|
||||||
#side-menu.side-menu-big {
|
#side-menu.side-menu-big {
|
||||||
max-width: 290px;
|
max-width: 290px;
|
||||||
|
|
|
@ -82,6 +82,7 @@ class CssController extends Controller
|
||||||
'external-sites-in-top-menu' => (bool) $this->config->getAppValue('side_menu', 'external-sites-in-top-menu', 0),
|
'external-sites-in-top-menu' => (bool) $this->config->getAppValue('side_menu', 'external-sites-in-top-menu', 0),
|
||||||
'size-icon' => $this->config->getAppValue('side_menu', 'size-icon', 'normal'),
|
'size-icon' => $this->config->getAppValue('side_menu', 'size-icon', 'normal'),
|
||||||
'size-text' => $this->config->getAppValue('side_menu', 'size-text', 'normal'),
|
'size-text' => $this->config->getAppValue('side_menu', 'size-text', 'normal'),
|
||||||
|
'always-displayed' => (bool) $this->config->getAppValue('side_menu', 'always-displayed', '0'),
|
||||||
'big-menu' => (bool) $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
'big-menu' => (bool) $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
||||||
'top-menu-apps' => $topMenuApps,
|
'top-menu-apps' => $topMenuApps,
|
||||||
];
|
];
|
||||||
|
|
|
@ -70,6 +70,7 @@ class JsController extends Controller
|
||||||
'force-light-icon' => (bool) $this->config->getAppValue('side_menu', 'force-light-icon', '0'),
|
'force-light-icon' => (bool) $this->config->getAppValue('side_menu', 'force-light-icon', '0'),
|
||||||
'hide-when-no-apps' => (bool) $this->config->getAppValue('side_menu', 'hide-when-no-apps', '0'),
|
'hide-when-no-apps' => (bool) $this->config->getAppValue('side_menu', 'hide-when-no-apps', '0'),
|
||||||
'loader-enabled' => (bool) $this->config->getAppValue('side_menu', 'loader-enabled', '1'),
|
'loader-enabled' => (bool) $this->config->getAppValue('side_menu', 'loader-enabled', '1'),
|
||||||
|
'always-displayed' => (bool) $this->config->getAppValue('side_menu', 'always-displayed', '0'),
|
||||||
'big-menu' => (bool) $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
'big-menu' => (bool) $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
||||||
'top-menu-apps' => $topMenuApps,
|
'top-menu-apps' => $topMenuApps,
|
||||||
];
|
];
|
||||||
|
|
|
@ -74,6 +74,7 @@ class Admin implements ISettings
|
||||||
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
|
'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
|
||||||
'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'),
|
||||||
|
'always-displayed' => $this->config->getAppValue('side_menu', 'always-displayed', '0'),
|
||||||
'big-menu' => $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
'big-menu' => $this->config->getAppValue('side_menu', 'big-menu', '0'),
|
||||||
'display-logo' => $this->config->getAppValue('side_menu', 'display-logo', '1'),
|
'display-logo' => $this->config->getAppValue('side_menu', 'display-logo', '1'),
|
||||||
'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
|
'opener-position' => $this->config->getAppValue('side_menu', 'opener-position', 'before'),
|
||||||
|
|
|
@ -46,3 +46,7 @@
|
||||||
"Icons and texts": "Symbole und Texte"
|
"Icons and texts": "Symbole und Texte"
|
||||||
"Loader enabled": "Loader aktiviert"
|
"Loader enabled": "Loader aktiviert"
|
||||||
"Tips": "Tipps"
|
"Tips": "Tipps"
|
||||||
|
"Always displayed": "Wird immer angezeigt"
|
||||||
|
"The logo will be hidden when the menu is always displayed.": "Das Logo wird ausgeblendet, wenn das Menü immer angezeigt wird."
|
||||||
|
"This is the automatic behavior when the menu is always displayed.": "Dies ist das automatische Verhalten, wenn das Menü immer angezeigt wird."
|
||||||
|
"Not compatible with touch screens.": "Nicht kompatibel mit Touchscreens."
|
||||||
|
|
|
@ -46,3 +46,7 @@
|
||||||
"Icons and texts": "Icônes et textes"
|
"Icons and texts": "Icônes et textes"
|
||||||
"Loader enabled": "Activation de l'indicateur de chargement"
|
"Loader enabled": "Activation de l'indicateur de chargement"
|
||||||
"Tips": "Astuces"
|
"Tips": "Astuces"
|
||||||
|
"Always displayed": "Toujours affiché"
|
||||||
|
"The logo will be hidden when the menu is always displayed.": "Le logo sera masque si le menu est toujours affiché."
|
||||||
|
"This is the automatic behavior when the menu is always displayed.": "C'est le comportement automatique lorsque le menu est toujours affiché."
|
||||||
|
"Not compatible with touch screens.": "Incompatible avec les écrans tactiles."
|
||||||
|
|
Loading…
Reference in a new issue