mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-01 04:10:38 +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
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( protected $adminMenu = array(
'main/list' => array('caption'=> LAN_LIST), 'main/list' => array('caption'=> LAN_LIST, 'icon'=>'fa-list'),
'main/create' => array('caption'=> NWSLAN_45), // Create/Edit News Item 'main/create' => array('caption'=> NWSLAN_45, 'icon'=> 'fa-plus'), // Create/Edit News Item
// 'cat/list' => array('caption'=> NWSLAN_46, 'perm' => '7'), // Category List // 'cat/list' => array('caption'=> NWSLAN_46, 'perm' => '7'), // Category List
'other' => array('divider'=> true), 'other' => array('divider'=> true),
'cat/list' => array('caption'=> LAN_CATEGORIES), // Create Category. 'cat/list' => array('caption'=> LAN_CATEGORIES, 'icon'=> 'folder'), // Create Category.
'cat/create' => array('caption'=> LAN_NEWS_63), // Category List 'cat/create' => array('caption'=> LAN_NEWS_63, 'icon'=> 'fas-folder-plus'), // Category List
'other2' => array('divider'=> true), '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 // 'main/submitted' => array('caption'=> LAN_NEWS_64, 'perm' => 'N'), // Submitted News
'sub/list' => array('caption'=> NWSLAN_47), // Submitted News 'sub/list' => array('caption'=> NWSLAN_47), // Submitted News
// 'main/maint' => array('caption'=> LAN_NEWS_55, 'perm' => '0') // Maintenance // '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 * see function e107::getNav()->admin() in e107_admin/header.php
*/ */
$ADMIN_TEMPLATE['menu']['start'] = ' $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"> <ul id="admin-ui-nav-menu" class="plugin-navigation nav nav-pills nav-stacked">
'; ';
$ADMIN_TEMPLATE['menu']['button'] = ' $ADMIN_TEMPLATE['menu']['button'] = '
<li> <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} {SUB_MENU}
</li> </li>
'; ';
$ADMIN_TEMPLATE['menu']['button_active'] = ' $ADMIN_TEMPLATE['menu']['button_active'] = '
<li class="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} {SUB_MENU}
</li> </li>
'; ';

5
e107_handlers/admin_ui.php
View File

@@ -1604,6 +1604,11 @@ class e_admin_dispatcher
$v = (array) $v; $v = (array) $v;
break; break;
case 'icon':
$k2 = 'image_src';
$v = (string) $v.'.glyph';
break;
default: default:
$k2 = $k; $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-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); } tr.highlight-even, .table-striped > tbody > tr.highlight-even { background-color: rgba(0,0,0,0.15); }
.admin-left-panel, .admin-right-panel { .admin-left-panel, .admin-right-panel, .sidebar-toggle {
transition: width 0.5s; transition: width 0.5s;
} }
.admin-left-panel-collapsed { .admin-left-panel-collapsed .admin-menu {
width: 60px; width: 55px;
} }
.admin-left-panel-collapsed .admin-menu, .admin-left-panel-collapsed .admin-menu,
@@ -1908,16 +1908,23 @@ body#admin-image-main-dialog {
margin-top: 0 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; */ div.admin-left-panel-collapsed .sidebar-toggle-panel { /*display:none; */
transition: opacity 1s ease-in-out;
display:inline-block;
opacity: 0; opacity: 0;
height: 0; height: 0;
width: 0; width: 0;
overflow: hidden; 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-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block} .btn-block{display:block}
.btn-block+.btn-block{margin-top:5px} .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} .fade.in{opacity:1}
.collapse{display:none} .collapse{display:none}
.collapse.in{display:block} .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; 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) { @media only screen and (min-width : 768px) {
.is-table-row { .is-table-row {
display: table; display: table;