mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-29 17:19:56 +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

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;