From 6662b04323343af534251dda67aa8a4d972b4f5d Mon Sep 17 00:00:00 2001
From: Cameron <e107inc@gmail.com>
Date: Sat, 13 Feb 2021 08:52:43 -0800
Subject: [PATCH] Menu-Manager styling.

---
 e107_admin/menus.php                        | 8 ++++++--
 e107_themes/bootstrap3/css/modern-dark.css  | 6 ++++++
 e107_themes/bootstrap3/css/modern-light.css | 9 +++++++--
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/e107_admin/menus.php b/e107_admin/menus.php
index d7d62c8bc..485f4249a 100644
--- a/e107_admin/menus.php
+++ b/e107_admin/menus.php
@@ -72,6 +72,10 @@ if(e_MENUMANAGER_ACTIVE === false )
 	}*/
 
 	e107::getJs()->inlineCSS("
+		.admin-left-panel { width: 315px !important; } 
+		.admin-right-panel { width: 100% !important; } 
+		span.sidebar-toggle-switch { display: none !important } 
+		.sidebar-toggle-panel { display: initial !important } 
 		.menu-manager-items          { padding-right:15px}
 		.menu-manager-items div.item { padding:5px; margin:5px 0; border:1px solid rgba(255,255,255,0.3); border-radius:3px; cursor: move }
 		.menu-manager-sticky {
@@ -256,7 +260,7 @@ TEMPL;
 	.ui-sortable-placeholder * { visibility: hidden; }
 
 	i.S16 {
-    background: url(".e_THEME."bootstrap3/images/adminicons_16.png) no-repeat top left;
+    background: url(".e_THEME."bootstrap3/images/adminicons_16.webp) no-repeat top left;
  	display:inline-block;  	width:17px;  	height:16px;
  	*margin-right: .3em;
 	line-height: 14px;
@@ -964,7 +968,7 @@ class e_layout
 
 		    <div class="dropdown pull-right e-mm-selector-container">
 
-		        <a class="btn btn-default btn-secondary btn-sm e-mm-selector " title="' . LAN_ACTIVATE . '">' . LAN_GO . " " . e107::getParser()->toGlyph('fa-chevron-right') . '</a>';
+		        <a class="btn btn-primary btn-sm e-mm-selector " title="' . LAN_ACTIVATE . '">' . LAN_ADD . " " . e107::getParser()->toGlyph('fa-chevron-right') . '</a>';
 
 		$menuButtonLabel = defset("MENLAN_59", "Area [x]");
 
diff --git a/e107_themes/bootstrap3/css/modern-dark.css b/e107_themes/bootstrap3/css/modern-dark.css
index 57bf56422..492e6a064 100644
--- a/e107_themes/bootstrap3/css/modern-dark.css
+++ b/e107_themes/bootstrap3/css/modern-dark.css
@@ -1600,6 +1600,12 @@ ul.col-selection > li a {  border-bottom: 1px solid rgba(255,255,255,0.3); }
     color: #fff;
     background: #2E77B6;
 }
+#admin-menus #sc-admin-help .panel-body { border-top:1px solid rgba(255,255,255,0.15); }
+#e-mm-selector .btn { margin-top:15px }
+
+
+
+
 /*
 
 .admin-left-panel, .admin-right-panel {
diff --git a/e107_themes/bootstrap3/css/modern-light.css b/e107_themes/bootstrap3/css/modern-light.css
index a2caef04a..75877d8da 100644
--- a/e107_themes/bootstrap3/css/modern-light.css
+++ b/e107_themes/bootstrap3/css/modern-light.css
@@ -901,6 +901,7 @@
         .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
         .nav-tabs>li>a:hover{border-color:#999}
         .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:rgba(0,0,0,0.9);color: black; /*background-color:#373737;*/border:1px solid #999;border-bottom-color:#ebedf0;cursor:default}
+   .admin-left-panel  .nav-tabs>li.active>a, .admin-left-panel.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover { border-bottom: none; }
         .nav-tabs.nav-justified{width:100%;border-bottom:0}
         .nav-tabs.nav-justified>li{float:none}
         .nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:4px}
@@ -1585,9 +1586,9 @@
         div.admin-left-panel .nav-pills > li > a:hover > span > i { color: white }
 
         .nav-tabs .nav-link:hover { color: black }
-        .nav-tabs .nav-item.active, .tab-content { background: rgba(255,255,255,0.5); }
+    .admin-right-panel .nav-tabs .nav-item.active, .admin-right-panel .tab-content { background: rgba(255,255,255,0.5); }
         .tab-content .table { background: transparent }
-        .tab-content { border: 1px solid rgb(153, 153, 153); border-top:0;  }
+    .admin-right-panel .tab-content { border: 1px solid rgb(153, 153, 153); border-top:0;  }
         input.button { color: white }
 
         .btn-default,
@@ -1612,6 +1613,10 @@
 
 
 
+
+#admin-menus #sc-admin-help .panel-body { border-top:1px solid rgba(0,0,0,0.15); }
+#e-mm-selector .btn { margin-top:15px }
+
 .datetimepicker { margin-top: 52px; font-size:16px; width: 270px; color: rgba(0,0,0,0.75) }
 .datetimepicker table { width: 100%;  }