TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add the ability to customize the main menu 

Fix radio styles
This commit is contained in:
Samuel Georges 2016-04-16 05:11:14 +10:00
parent 9fd0681ee7
commit 42534b2e9d
5 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
modules/backend/lang/en/lang.php
View File

@ -306,6 +306,7 @@ return [
'app_tagline' => 'App Tagline',
'app_tagline_description' => 'This name is shown on the sign in screen for the back-end.',
'colors' => 'Colors',
'appearance' => 'Appearance',
'primary_color' => 'Primary color',
'secondary_color' => 'Secondary color',
'accent_color' => 'Accent color',

4
modules/backend/layouts/_mainmenu.htm
View File

@ -1,9 +1,9 @@
<?php
$activeItem = BackendMenu::getActiveMainMenuItem();
$mySettings = System\Classes\SettingsManager::instance()->listItems('mysettings');
$navbarMode = 'navbar-mode-inline'; // Supported: inline, tile, collapse.
$navbarMode = Backend\Models\BrandSettings::get('menu_mode', 'inline');
?>
<nav class="navbar control-toolbar <?= $navbarMode ?>" id="layout-mainmenu" role="navigation">
<nav class="navbar control-toolbar navbar-mode-<?= $navbarMode ?>" id="layout-mainmenu" role="navigation">
<div class="toolbar-item toolbar-primary">
<div data-control="toolbar">
<a class="menu-toggle" href="javascript:;">

15
modules/backend/models/brandsettings/fields.yaml
View File

@ -28,19 +28,19 @@ tabs:
primary_color:
label: backend::lang.branding.primary_color
type: colorpicker
tab: backend::lang.branding.colors
tab: backend::lang.branding.appearance
availableColors: [#16a085, #27ae60, #3498db, #9b59b6, #34495e, #f1c40f, #e67e22, #e74c3c, #ecf0f1, #95a5a6]
secondary_color:
label: backend::lang.branding.secondary_color
type: colorpicker
tab: backend::lang.branding.colors
tab: backend::lang.branding.appearance
availableColors: [#16a085, #27ae60, #2980b9, #8e44ad, #34495e, #f39c12, #d35400, #c0392b, #bdc3c7, #7f8c8d]
accent_color:
label: backend::lang.branding.accent_color
type: colorpicker
tab: backend::lang.branding.colors
tab: backend::lang.branding.appearance
availableColors: [#16a085, #27ae60, #3498db, #9b59b6, #34495e, #f1c40f, #e67e22, #e74c3c, #ecf0f1, #95a5a6]
custom_css:
@ -50,4 +50,11 @@ tabs:
size: giant
language: css
menu_mode:
label: Menu display mode
tab: backend::lang.branding.appearance
type: radio
options:
inline: Inline
tile: Tiles
collapse: Collapsed

6
modules/system/assets/ui/less/checkbox.less
View File

@ -90,13 +90,13 @@
&:after {
content: '';
width: 14px;
height: 14px;
width: 12px;
height: 12px;
background-color: @color-checkbox-checked;
display: inline-block;
position: absolute;
left: 0;
top: 3px;
top: 2px;
.border-radius(17px);
}
}

2
modules/system/assets/ui/storm.css
View File

@ -2303,7 +2303,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
.custom-checkbox label:hover:before,.custom-radio label:hover:before{border-color:#c0c9cc}
.custom-checkbox label:active:before,.custom-radio label:active:before{border-color:#a3b0b6}
.custom-checkbox input[type=radio]:checked + label:before,.custom-radio input[type=radio]:checked + label:before{border-color:#1f99dc;line-height:17px;border-width:2px}
.custom-checkbox input[type=radio]:checked + label:after,.custom-radio input[type=radio]:checked + label:after{content:'';width:14px;height:14px;background-color:#1f99dc;display:inline-block;position:absolute;left:0;top:3px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px}
.custom-checkbox input[type=radio]:checked + label:after,.custom-radio input[type=radio]:checked + label:after{content:'';width:12px;height:12px;background-color:#1f99dc;display:inline-block;position:absolute;left:0;top:2px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px}
.custom-checkbox input[type=radio][data-radio-color=green]:checked + label:before,.custom-radio input[type=radio][data-radio-color=green]:checked + label:before{border-color:#76a544}
.custom-checkbox input[type=radio][data-radio-color=green]:checked + label:after,.custom-radio input[type=radio][data-radio-color=green]:checked + label:after{background-color:#76a544}
.custom-checkbox input[type=radio][data-radio-color=red]:checked + label:before,.custom-radio input[type=radio][data-radio-color=red]:checked + label:before{border-color:#bb2424}