[UPD] finish with new left menu

Author: Dmytro Lukianenko

manager/media/style/default/css/custom.css

@@ -155,11 +155,15 @@ table.actionButtons .searchtext { padding: 5px; height: 24px; width: 150px; }
 .table.data .actions { white-space: nowrap }
 .table.data .actions a { color: #555 }
 .table.data .actions a .fa, .table.data .actions span .fa { position: relative; margin: 0 0.375rem; font-size: 0.9rem; color: #555 }
+.table.data .actions a .action-icon, .table.data .actions span .action-icon { position: relative; margin: 0 0.375rem; display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; pointer-events: none; }
+.table.data .actions a .action-icon svg, .table.data .actions span .action-icon svg { width: 0.9rem; height: 0.9rem; display: block; color: #555; pointer-events: none; }
 .table.data .actions a:hover .fa { color: #000; }
+.table.data .actions a:hover .action-icon svg { color: #000; }
 .table.data .actions a:hover .fa.fa-trash { color: #d80030 }
+.table.data .actions a:hover .action-icon.action-icon-trash svg { color: #d80030 }
 .table.data .actions a .fa::before { position: relative; z-index: 2; }
-.table.data .actions a .fa::after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; width: 1.5rem; height: 1.5rem; margin: -0.75rem 0 0 -0.75rem; border-radius: 50%; -webkit-transition: 0.15s; transition: 0.15s; }
-.table.data .actions a:hover .fa::after { background-color: #fff }
+.table.data .actions a .fa::after, .table.data .actions a .action-icon::after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; width: 1.5rem; height: 1.5rem; margin: -0.75rem 0 0 -0.75rem; border-radius: 50%; -webkit-transition: 0.15s; transition: 0.15s; }
+.table.data .actions a:hover .fa::after, .table.data .actions a:hover .action-icon::after { background-color: transparent }
 .table.data .actions .disabled { visibility: hidden }
 /* table-data-nowrap */
 .table.data.nowrap th, .table.data.nowrap td { white-space: nowrap }
@@ -218,7 +222,7 @@ ul.breadcrumbs span::after { margin-left: 2em; font-family: 'Font Awesome 5 Free
 .widgets .table:not(.data) tr th, .widgets .table:not(.data) tr td { padding: .15rem; }
 .widgets .table tr th:first-child, .widgets .table tr td:first-child { padding-left: 1rem !important }
 .widgets .table tr th:last-child, .widgets .table tr td:last-child { padding-right: 1rem !important }
-.widgets .table .actions a .fa { margin: 0 .05rem; }
+.widgets .table .actions a .fa, .widgets .table .actions a .action-icon { margin: 0 .05rem; }
 /* widgets custom */
 .widgets #welcome .wm_buttons { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; padding: 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, .05); }
 .widgets #welcome .wm_button { max-width: 50%; flex: 0 0 50%; }
@@ -359,10 +363,11 @@ ul.sortableList li.ghost { z-index: 2; box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0
 .darkness .table.data tr > td:last-child, .darkness .table.data tr > th:last-child, .darkness .grid tr > td:last-child, .darkness .grid > tr > th:last-child { padding-right: 1.25rem !important; }
 .darkness table.table.table--edit > tbody > tr > th, .darkness table.table.table--edit > tbody > tr > td, .darkness form[name="settings"] table > tbody td, .darkness form[name="settings"] table > tbody th {
     padding: .25rem .5rem; background: none; border: none !important; color: inherit; }
-.darkness .table.data .actions a, .darkness .table.data .actions a .fa, .darkness .table.data .actions span .fa { color: inherit; }
+.darkness .table.data .actions a, .darkness .table.data .actions a .fa, .darkness .table.data .actions span .fa, .darkness .table.data .actions a .action-icon svg { color: inherit; }
 .darkness .table.data .actions a:hover .fa::before { color: #eee; }
-.darkness .table.data .actions a:hover .fa::after { background-color: #3b414e; }
-.darkness .table.data .actions a:hover .fa.fa-trash::before { color: #d80030; }
+.darkness .table.data .actions a:hover .action-icon svg { color: #eee; }
+.darkness .table.data .actions a:hover .fa::after, .darkness .table.data .actions a:hover .action-icon::after { background-color: transparent; }
+.darkness .table.data .actions a:hover .fa.fa-trash::before, .darkness .table.data .actions a:hover .action-icon.action-icon-trash svg { color: #d80030; }
 .darkness table .split, .darkness table.table.table--edit > tbody > tr, .darkness .sysSettings > tbody > tr { border: none; border-bottom: 1px solid #23262b !important; }
 .darkness table .split { margin: 0 -.5rem; }
 .darkness table tr.noborder { border: none !important; }

manager/media/style/default/css/mainmenu.css

@@ -138,8 +138,13 @@
     align-items: center;
     justify-content: center;
     width: 20px;
-    height: 20px;
+    height: 20px !important;
     pointer-events: none;
+    vertical-align: middle;
+    align-self: center;
+}
+#mainMenu #nav #site a .icon.menu-icon-evo {
+    margin: 0;
 }
 #mainMenu .menu-icon-evo svg {
     width: 20px;
@@ -999,6 +1004,9 @@ body.sidebar-closed #bars .icon-collapse { display: none !important; }
         margin-top: 0;
         margin-left: 0;
     }
+    .navbar-left #mainMenu .menu-icon-evo {
+        height: auto !important;
+    }
     .navbar-left #mainMenu #nav #bars {
         width: 100%;
     }

manager/media/style/default/snippets/welcome/RecentInfo.php

@@ -43,7 +43,7 @@
 </tr>';
 
 $btntpl['edit'] = '<a title="[%edit_resource%]" href="index.php?a=27&amp;id=[+id+]" target="main">' . $_style['icon_edit'] . '</a> ';
-$btntpl['preview_btn'] = '<a [+preview_disabled+]" title="[%preview_resource%]" target="_blank" href="../index.php?&amp;id=[+id+]">' . $_style['icon_eye'] . '</a> ';
+$btntpl['preview_btn'] = '<a class="[+preview_disabled+]" title="[%preview_resource%]" target="_blank" href="../index.php?&amp;id=[+id+]">' . $_style['icon_eye'] . '</a> ';
 
 $output = array();
 foreach ($contents->get()->toArray() as $ph) {
@@ -67,7 +67,7 @@
         $ph['edit_btn'] = '';
     }
 
-    $preview_disabled = ($ph['deleted'] == 1) ? 'disabled' : '';
+    $preview_disabled = ($ph['deleted'] == 1) ? 'disabled' : '';
     $ph['preview_btn'] = str_replace(array(
         '[+id+]',
         '[+preview_disabled+]'