mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-04-15 18:14:07 +02:00
Code Issues Releases Wiki Activity

Collapsed admin news menu icon experiment. (modern-dark admin style/skin)

Browse Source
This commit is contained in:
Cameron 2021-02-01 09:32:12 -08:00
parent 35761b3520
commit 142e6be28b
5 changed files with 40 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
e107_admin/newspost.php
View File

@ -74,14 +74,14 @@ class news_admin extends e_admin_dispatcher
protected $adminMenu = array(
'main/list' => array('caption'=> LAN_LIST),
'main/create' => array('caption'=> NWSLAN_45), // Create/Edit News Item
'main/list' => array('caption'=> LAN_LIST, 'icon'=>'fa-list'),
'main/create' => array('caption'=> NWSLAN_45, 'icon'=> 'fa-plus'), // Create/Edit News Item
// 'cat/list' => array('caption'=> NWSLAN_46, 'perm' => '7'), // Category List
'other' => array('divider'=> true),
'cat/list' => array('caption'=> LAN_CATEGORIES), // Create Category.
'cat/create' => array('caption'=> LAN_NEWS_63), // Category List
'cat/list' => array('caption'=> LAN_CATEGORIES, 'icon'=> 'folder'), // Create Category.
'cat/create' => array('caption'=> LAN_NEWS_63, 'icon'=> 'fas-folder-plus'), // Category List
'other2' => array('divider'=> true),
'main/settings' => array('caption'=> LAN_PREFS), // Preferences
'main/settings' => array('caption'=> LAN_PREFS, 'icon'=>'fa-cog'), // Preferences
// 'main/submitted' => array('caption'=> LAN_NEWS_64, 'perm' => 'N'), // Submitted News
'sub/list' => array('caption'=> NWSLAN_47), // Submitted News
// 'main/maint' => array('caption'=> LAN_NEWS_55, 'perm' => '0') // Maintenance

6
e107_core/templates/admin_template.php
View File

@ -282,19 +282,19 @@ $ADMIN_TEMPLATE['footer'] = '
* see function e107::getNav()->admin() in e107_admin/header.php
*/
$ADMIN_TEMPLATE['menu']['start'] = '
<div class="nav-panel-body sidebar-toggle-panel">
<div class="nav-panel-body">
<ul id="admin-ui-nav-menu" class="plugin-navigation nav nav-pills nav-stacked">
';
$ADMIN_TEMPLATE['menu']['button'] = '
<li>
<a class="link{LINK_CLASS}" {LINK_DATA} href="{LINK_URL}" {ID}{ONCLICK}>&nbsp;{LINK_TEXT}{LINK_BADGE}</a>
<a class="link{LINK_CLASS}" {LINK_DATA} href="{LINK_URL}" {ID}{ONCLICK}><span title="{LINK_TEXT}">{LINK_IMAGE}</span><span class="sidebar-toggle-panel">&nbsp;{LINK_TEXT}{LINK_BADGE}</span></a>
{SUB_MENU}
</li>
';
$ADMIN_TEMPLATE['menu']['button_active'] = '
<li class="active">
<a class="link-active{LINK_CLASS}" {LINK_DATA} href="{LINK_URL}" {ID}{ONCLICK}>&nbsp;{LINK_TEXT}{LINK_BADGE}</a>
<a class="link-active{LINK_CLASS}" {LINK_DATA} href="{LINK_URL}" {ID}{ONCLICK}><span title="{LINK_TEXT}">{LINK_IMAGE}</span><span class="sidebar-toggle-panel">&nbsp;{LINK_TEXT}{LINK_BADGE}</span></a>
{SUB_MENU}
</li>
';

5
e107_handlers/admin_ui.php
View File

@ -1604,6 +1604,11 @@ class e_admin_dispatcher
$v = (array) $v;
break;
case 'icon':
$k2 = 'image_src';
$v = (string) $v.'.glyph';
break;
default:
$k2 = $k;

21
e107_themes/bootstrap3/admin_style.css
View File

@ -1886,12 +1886,12 @@ td img.thumbnail { margin-bottom:0 }
tr.highlight-odd, .table-striped > tbody > tr.highlight-odd { background-color: rgba(0,0,0,0.15); }
tr.highlight-even, .table-striped > tbody > tr.highlight-even { background-color: rgba(0,0,0,0.15); }
.admin-left-panel, .admin-right-panel {
transition: width 0.5s;
.admin-left-panel, .admin-right-panel, .sidebar-toggle {
transition: width 0.5s;
}
.admin-left-panel-collapsed {
width: 60px;
.admin-left-panel-collapsed .admin-menu {
width: 55px;
}
.admin-left-panel-collapsed .admin-menu,
@ -1908,16 +1908,23 @@ body#admin-image-main-dialog {
margin-top: 0
}
.sidebar-toggle-panel { transition: opacity 0.5s ease-in-out; }
.sidebar-toggle-panel { width: auto }
div.admin-left-panel-collapsed .sidebar-toggle-panel { /*display:none; */
transition: opacity 1s ease-in-out;
display:inline-block;
opacity: 0;
height: 0;
width: 0;
overflow: hidden;
}
div.admin-left-panel .nav-pills > li > a > span > i { opacity: 0; width:0; }
div.admin-left-panel-collapsed .nav-pills > li > a > span > i { opacity: 1 }

14
e107_themes/bootstrap3/css/modern-dark.css
View File

@ -812,7 +812,7 @@ select[multiple].input-lg,textarea.input-lg{height:auto}
.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block}
.btn-block+.btn-block{margin-top:5px}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade{opacity:0;-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
@ -1562,6 +1562,18 @@ thead th, thead tr, .table > thead > tr > th { border-bottom: 0; border-left:0;
min-height: 1000px;
}
div.admin-left-panel .nav-pills > li > a > span > i { color: rgba(255,255,255,0.5); font-size:1.25em; opacity: 0; width:0; }
div.admin-left-panel-collapsed .nav-pills > li > a > span > i { opacity: 1; padding-left: 2px; }
div.admin-left-panel-collapsed .nav-pills > li.active > a { background:none; }
div.admin-left-panel .nav-pills > li.active > a > span > i { color: white }
/*
.admin-left-panel, .admin-right-panel {
transition: width 0.5s;
}
*/
@media only screen and (min-width : 768px) {
.is-table-row {
display: table;