Add css close button

Author: ggrachdev

module/ggrachdev.debugbar/classes/general/BitrixDebugger/Representer/DebugBarRepresenter.php

@@ -96,6 +96,8 @@ public static function render(Debugger $debugger): string {
 
         self::addViewInRightSlot('<a target="_blank" href="/bitrix/admin/site_edit.php?LID=' . \SITE_ID . '&lang=ru" class="ggrach__debug_bar__right__item type-notice-success" title="Текущая страница">' . SITE_CHARSET . '</a>');
 
+        self::addViewInRightSlot('<a href="javascript:void(0);" data-click="toggle_debug_bar" class="ggrach__debug_bar__right__item ggrach__debug_bar__right__item_close ggrach-debug-bar-color-black" title="Скрыть / Раскрыть фильтр">&#215;</a>');
+
         $view = '<section class="ggrach__overlay" style="display: none;"></section><section class="ggrach__debug_bar">';
 
         $view .= self::renderLeftView();

module/ggrachdev.debugbar/install/css/general.css

@@ -225,10 +225,14 @@
 }
 
 .ggrach-debug-bar-color-black {
-    color: #fff;
+    color: #fff !important;
     background: #000;
 }
 
+.ggrach__debug_bar__right__item_close {
+    font-size: 26px !important;
+}
+
 .ggrach__debug_bar.hide-debug-bar > * {
     display: none !important;
 }