ru.coon 2.7.3 → 2.7.5

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# Version 2.7.5, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/98f5d7b3391db7e90e8818d6071c674b71cb6afd)
+* ## Features
+* <span style='color:green'>feat: TR-67883: reload main navigation on change menu structure</span> ([a6a849], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a6a849e812bc3988abadc526aa4829830eb89ed2))
+
+* HT-7448 fix: Исправление проверки валидности параметров команды ([99c08a], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/99c08a16a68766ece123b717ef48400b14f51d54))
+* update: CHANGELOG.md ([90c0e8], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/90c0e823dcf1d3687c38ada3d6711a84fa15e083))
+
+# Version 2.7.4, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/7becde7cc7cfb8254525c8beca11cbd4604b8181)
+* ## Features
+* <span style='color:green'>feat: HT-7823: refactor</span> ([07e9f0], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/07e9f00376ea39fe7888e7d264d291222667ce0f))
+* <span style='color:green'>feat: HT-7823: change line colors</span> ([f70a74], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/f70a748a7f77cc984eae2e762e86e291a0b25230))
+* <span style='color:green'>feat: HT-7823: remove gradient check</span> ([76e538], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/76e5389eb644d45df7deabffeb24de1767d67c7b))
+* <span style='color:green'>feat: HT-7823: lighting tree grid items</span> ([a56e4d], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a56e4dcab0b10494721d809c2fb4d2f10ce5d257))
+
+* HT-7850 fix: Исправление поведения чипа в FilterConditionToolbar при изменениях значения поля панели фильтрации. ([3fbf41], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/3fbf417948d24be8a576739e0e41fe170221788e))
+*  ([Update], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/Update src/report/plugin/grid/GridEditorsPlugin.jsa0bc93ea280291eae1d401ceeb056bb250f5ed09))
+* update: CHANGELOG.md ([78c174], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/78c1741b921889b7c20f96a342aa91a262a21fc5))
+
 # Version 2.7.3, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e9a311b868bd00ad5e46a868e7f0b829122ffa06)
 * refactoring ([1385c2], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/1385c2bf065c0e57f6d8484cf360a1201cdbb656))
 * update: CHANGELOG.md ([10bd16], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/10bd16df0b8d6d43c2a41f2651b8610c35dcd899))
@@ -5,6 +23,7 @@
 # Version 2.7.2, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/3b94df2c23f76552c5c626a4bfda4a317e33abff)
 * ## Features
 * <span style='color:green'>feat: HT-8199: trim string values in request</span> ([cfc709], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/cfc709daacaad1522f4dff858e04966a758bcb6a))
+* <span style='color:green'>feat: HT-7823: create color choose component (Palettes)</span> ([157c14], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/157c14384904b60004a34ce67ce70a6923216799))
 
 *  ([Update], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/Update src/common/component/editor/CharacteristicLoaderPlugin.js929fc3b32d028554706e1d64c6ca40fedc615f39))
 * update: CHANGELOG.md ([44e78b], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/44e78b830a9a374db90e2fc1554188c9154ce462))
@@ -18,8 +37,12 @@
 
 # Version 2.7.0, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c03c093df3594cbec9b0b6a2e3e4ca8d24b07e76)
 * ## Features
+* <span style='color:green'>feat: HT-7823: create color choose component (Palettes)</span> ([5d31ff], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/5d31ffbbe224fa48f9631adc23b109cf5d25236f))
 * <span style='color:green'>feat: HT-7850 Включение FilterConditionToolbar в ReportPanel</span> ([02015f], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/02015fd6518dec2fbbf4a16e8e29ff958fe4f1b3))
 
+* ## Fixes
+* <span style='color:red'> HT-7281 GridEditorsPlugin combo editor</span> ([8b140d], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/8b140d19abc9e5dd3816ce4cb00e0ec8ee1cbc03))
+
 * refactoring ([1c317f], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/1c317fadf1591a82907cdff905e69d4978dae061))
 * upd ([e79155], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e791556cf00505255593cd1bf6ad022d75c19d79))
 * HT-7444 Исправление ([043abe], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/043abea7c90d62b17a3c4819845a1e20dda36790))
@@ -83,17 +106,30 @@
 * update: CHANGELOG.md ([4e316a], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/4e316ac4c2c96cb4de23ff0dfb73ff4db75ea4ec))
 
 # Version 2.6.17, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a85820f03c44ab7b35ae02ae88209c435f264807)
+* ## Features
+* <span style='color:green'>feat: TR-67883: move main view in ru.coon</span> ([174f7f], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/174f7fa553ce35d1dfbc3f64603ffb1cc3ca50b0))
+
 * ## Fixes
 * <span style='color:red'> PrintPdfPlugin.handler call parseProperty on 'string'</span> ([8dec18], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/8dec18c777cd4e6f3daf9fb1540726e613639220))
 
+* Merge remote-tracking branch 'origin/SUE-TR-67883' into SUE-TR-67883 ([99daa5], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/99daa5bd732a99ecc56761a010045548d609c217))
+* Merge remote-tracking branch 'origin/SUE-TR-67883' into SUE-TR-67883 ([186915], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/1869158fbf8745c5659f595e0eed0899f62f0fe2))
+* Merge remote-tracking branch 'origin/SUE-TR-67883' into SUE-TR-67883 ([e4938b], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e4938b6d9c3c90a67f2172f1f0c02b8bd6650959))
 * HT-7444: editing contextMenu display and cell data-qtip visibility ([9590ed], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/9590edbc2eb57d22e4de581b1fe6b8f5c82617e7))
 * update: CHANGELOG.md ([e7aec8], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e7aec82f66947539e462f813c3d8249a6f071b6f))
 
 # Version 2.6.16, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/0fda3b6a033bacf1d07829445c44a4fab42b440d)
+* ## Features
+* <span style='color:green'>feat: SUE-TR-67883: move main view to ru.coon</span> ([64ac15], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/64ac1596034a1f8ae408d69aad695f2a8c9c8f8d))
+* <span style='color:green'>feat: TR-67883: move main view in ru.coon</span> ([5259d4], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/5259d4161eabe864a73a055b0d1396d60c2a7912))
+* <span style='color:green'>feat: TR-67883: move main view in ru.coon</span> ([c5eb55], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c5eb551a8198e629d2863aad1a397558ab978e39))
+
 * ## Fixes
 * <span style='color:red'>fix SummaryPluginConfigPanelSummaryGrid, BFL-11632</span> ([c3c46a], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c3c46a8581698ea75ccebe42105d0b36e59b3f25))
+* <span style='color:red'>fix AppNavigationMenu</span> ([b56e90], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/b56e90f543f264d21c83b82f6fcf0eed15bf438b))
 * <span style='color:red'>HT-7444 fix rename context menu items</span> ([07fd4d], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/07fd4d89f598b5d54807d280c82133ca6cd98a5a))
 
+* Merge remote-tracking branch 'origin/SUE-TR-67883' into SUE-TR-67883 ([de8166], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/de8166e822a62b9cb6c9261720536171692805a2))
 * update: CHANGELOG.md ([5f6155], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/5f615546aaa0efa9b209cb9705cab4af5a958f05))
 
 # Version 2.6.15, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/9ad5ed1315f5d90adfe7569f83a8f354025f96dd)
@@ -114,6 +150,9 @@
 * update: CHANGELOG.md ([122574], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/12257435ce3081dc5641232b789cfa8b2b188e82))
 
 # Version 2.6.13, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/b546bb7b481a9dbc4b408c99b9ce158b676a15fa)
+* ## Features
+* <span style='color:green'>feat: SUE-TR-67883: move main view to ru.coon</span> ([f7f75e], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/f7f75e64d2c531050514a323753e80285ed207b8))
+
 * ## Fixes
 * <span style='color:red'> BFL-11558 ExportReportDataToFilePlugin date format</span> ([109998], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/109998bd10e4fd67d98b88784c008f56c5e965c8))
 

package/package.json

@@ -4,7 +4,7 @@
     "name": "ru.coon"
   },
   "description": "",
-  "version": "2.7.3",
+  "version": "2.7.5",
   "repository": {
     "type": "git",
     "url": "git+http://gitlab-dbr.sigma-it.local/dbr/ru.coon"

package/src/app/Router.js

@@ -0,0 +1,44 @@
+Ext.define('Coon.app.Router', {
+    mixins: ['Ext.route.Mixin'],
+    routes: {
+        ':{type}/:{id}': {
+            action: 'onRouteEnter',
+        },
+        ':{id}': {
+            action: 'onRouteEnter',
+        },
+        ':{type}/:{id}/:{params...}': {
+            action: 'onRouteEnter',
+            types: {
+                '...': {
+                    re: '(.+)?',
+                    split: '/',
+                    parse: (value) => value,
+                },
+            },
+        },
+    },
+    onClassMixedIn() {
+        this.prototype.setRoutes(this.prototype.config.routes);
+    },
+    onRouteEnter(route) {
+        const app = Ext.getApplication();
+        if (!app.initialRoute) {
+            app.initialRoute = route;
+        }
+        Coon.nav.MenuEntity.isValid(route.id).then(async (valid) => {
+            if (valid === true) {
+                Ext.fireEvent('route:change', route);
+            } else {
+                Ext.fireEvent('route:unmatched', route);
+            }
+        });
+    },
+    getRouterView() {
+        return Ext.ComponentQuery.query('centerview').shift();
+    },
+    getActiveComponent() {
+        const routerView = this.getRouterView();
+        return routerView && routerView.getLayout().getActiveItem();
+    },
+});

package/src/app/component/CenterView.js

@@ -0,0 +1,65 @@
+Ext.define('Coon.app.component.CenterView', {
+    extend: 'Ext.container.Container',
+    xtype: 'centerview',
+    requires: ['Coon.util'],
+    controller: 'CenterViewController',
+    layout: 'card',
+    viewModel: true,
+    defaultComponentType: 'panel',
+    style: {
+        backgroundColor: 'white',
+    },
+    constructor() {
+        this.callParent(arguments);
+        this.app = Ext.getApplication();
+        Ext.on('route:change', this.display.bind(this));
+    },
+    onRender() {
+        this.callParent(arguments);
+        const {initialRoute} = Ext.getApplication();
+        if (initialRoute) {
+            this.display(initialRoute);
+        }
+    },
+    findComponent(config) {
+        return (
+            this.items &&
+            this.items.findBy((item) =>
+                Coon.util.objectsIsEqual(item.initialConfig, config)
+            )
+        );
+    },
+    resolveComponentType(token) {
+        let type;
+        switch (String(token).toUpperCase()) {
+        case 'R':
+            type = 'report';
+            break;
+        case 'P':
+            type = 'panel';
+            break;
+        }
+        return type || token;
+    },
+    display(cmp) {
+        if (!cmp.id) {
+            return;
+        }
+        Coon.nav.MenuEntity.isValid(cmp.id).then(async (valid) => {
+            if (valid === true) {
+                const type = this.resolveComponentType(cmp.type) || this.defaultComponentType;
+                const config = await this.getController().create(cmp.id, type, cmp.params);
+                if (config) {
+                    Ext.fireEvent('nav:hide', !!config._preferFullScreen);
+                    const cmp = this.findComponent(config);
+                    const active = this.setActiveItem(
+                        cmp && !cmp.destroyed ? cmp : Ext.create(config)
+                    );
+                    active && active.fireEvent('router:activate', active);
+                } else {
+                    Ext.fireEvent('route:unmatched');
+                }
+            }
+        });
+    },
+});

package/src/app/component/CenterViewController.js

@@ -0,0 +1,152 @@
+Ext.define('Coon.app.component.CenterViewController', {
+    extend: 'Ext.app.ViewController',
+    alias: 'controller.CenterViewController',
+    requires: ['Coon.util', 'Coon.Function'],
+    cache: new Map(),
+    privates: {
+        paramsToObject(params) {
+            const entries = [];
+            if (Array.isArray(params) && params.length > 1) {
+                for (let i = 0; i < Math.floor(params.length / 2); i++) {
+                    entries.push([params[i * 2], params[i * 2 + 1]]);
+                }
+            }
+            return entries.length ? Object.fromEntries(entries) : null;
+        },
+        triggerPlugin(pluginId, target) {
+            if (target && Array.isArray(target.plugins)) {
+                const triggerPlugin = target.plugins.find((p) => p.pluginId === pluginId);
+                if (triggerPlugin && typeof triggerPlugin.handler === 'function') {
+                    triggerPlugin.handler.call(triggerPlugin);
+                }
+            }
+        },
+        onActivateComponent(params, cmp) {
+            if (cmp.xtype === 'ReportPanel') {
+                if (params) {
+                    cmp.updateFilterDefaults(params);
+                    if (params.plugin) {
+                        if (!cmp.grid) {
+                            cmp.on('gridReady', (reportPanel) => {
+                                this.triggerPlugin(params.plugin, reportPanel.grid);
+                            });
+                        } else {
+                            this.triggerPlugin(params.plugin, cmp.grid);
+                        }
+                    }
+                }
+            }
+        },
+        onRenderEditor(editor, id) {
+            const c = editor.getController();
+            typeof c.doInit === 'function' && c.doInit.call(c, id);
+        },
+    },
+    async create(id, type = 'panel', params = [], useCache = true) {
+        const cacheKey = useCache && JSON.stringify({id, type, params});
+        let config;
+        if (!id) {
+            return config;
+        }
+        if (cacheKey) {
+            const cached = this.cache.get(cacheKey);
+            if (cached) {
+                return cached;
+            }
+        }
+
+        const paramsObject = this.paramsToObject(params);
+        const filterDefaults =
+            (paramsObject && Object.assign(paramsObject, {doFilter: true})) || {};
+        switch (String(type).toUpperCase()) {
+        case 'REPORT':
+            config = {
+                xtype: 'ReportPanel',
+                reportID: id,
+                filterDefaults,
+                listeners: {
+                    'router:activate': this.onActivateComponent.bind(
+                        this,
+                        paramsObject
+                    ),
+                },
+            };
+            break;
+        case 'PANEL':
+            try {
+                config = await Coon.util.promisifyCmd(
+                    'Coon.uielement.command.GetUIElementCommand',
+                    id
+                );
+                if (typeof config === 'object') {
+                    if (typeof config.propertyData === 'string') {
+                        config.propertyData = JSON5.parse(
+                            config.propertyData,
+                            (key, value) => {
+                                if (value === 'true') {
+                                    return true;
+                                }
+                                if (value === 'false') {
+                                    return false;
+                                }
+                                return value;
+                            }
+                        );
+                    }
+                    config = Object.assign(
+                        {xtype: config.xtype},
+                        config.propertyData
+                    );
+                    if (config.xtype === 'ReportPanel') {
+                        Object.assign(config, {
+                            filterDefaults,
+                            listeners: {
+                                'router:activate': this.onActivateComponent.bind(
+                                    this,
+                                    paramsObject
+                                ),
+                            },
+                        });
+                    }
+                    if (config.xtype === 'UiCustomPanel') {
+                        Object.assign(config, {
+                            listeners: {
+                                'router:activate': this.onActivateComponent.bind(
+                                    this,
+                                    paramsObject
+                                ),
+                                'afterrender': (panel) =>
+                                    Coon.Function.executeComponentDoInit(panel, paramsObject),
+                            },
+                        });
+                    }
+                }
+            } catch (e) {
+                Coon.log.error(e.message);
+            }
+            break;
+        case 'EDIT-REPORT':
+            config = {
+                _preferFullScreen: true,
+                _allowRedirect: false,
+                xtype: 'ReportFormEditPanel',
+                listeners: {
+                    'afterrender': (panel) => this.onRenderEditor.call(this, panel, id),
+                },
+            };
+            break;
+        case 'EDIT-PANEL':
+            config = {
+                _preferFullScreen: true,
+                _allowRedirect: false,
+                xtype: 'UiCustomPanelEditor',
+                listeners: {
+                    'afterrender': (panel) => this.onRenderEditor.call(this, panel, id),
+                },
+            };
+            break;
+        }
+        cacheKey && this.cache.set(cacheKey, config);
+        return config;
+    },
+});

package/src/app/viewPort/Main.js

@@ -0,0 +1,76 @@
+Ext.define('Coon.app.viewPort.Main', {
+    extend: 'Ext.Container',
+    xtype: 'CoonAppMainViewPort',
+    layout: 'border',
+    viewModel: {
+        data: {
+            navCollapsed: false,
+        },
+    },
+    items: [
+        {
+            xtype: 'container',
+            region: 'west',
+            weight: -1,
+            layout: {
+                type: 'vbox',
+                align: 'stretch',
+            },
+            items: [
+                {
+                    xtype: 'CoonAppTopView',
+                    height: 48,
+                },
+                {
+                    xtype: 'AppNavigationMenu',
+                    reference: 'NavView',
+                    flex: 1,
+                    dockedItems: [
+                        {
+                            dock: 'bottom',
+                            xtype: 'CoonAppBottomView',
+                        }
+                    ],
+                }
+            ],
+        },
+        {
+            xtype: 'panel',
+            reference: 'headerview',
+            cls: 'coon-app-header-view',
+            region: 'north',
+            docked: 'top',
+            weight: -2,
+            layout: {
+                type: 'hbox',
+                align: 'stretch',
+            },
+            items: [
+                {
+                    xtype: 'AppNavigationToggleButton',
+                },
+                {
+                    xtype: 'AppNavigationBar',
+                    flex: 1,
+                },
+                {
+                    xtype: 'CoonAppHeaderUserBlock',
+                }
+            ],
+        },
+        {xtype: 'CoonAppFooterView', reference: 'footerview', region: 'south', docked: 'bottom', weight: -2},
+        {xtype: 'centerview', reference: 'centerview', region: 'center', weight: -1},
+        {
+            xtype: 'panel',
+            reference: 'detailview',
+            region: 'east',
+            docked: 'right', /* , bind: {width: '{detailview_width}'}*/
+        }
+    ],
+
+    onRender() {
+        this.callParent(arguments);
+        const {initialRoute} = Ext.getApplication();
+        initialRoute && Ext.fireEvent('route:initial', initialRoute);
+    },
+});

package/src/app/viewPort/Main.scss

@@ -0,0 +1,133 @@
+.coon-app-header-view {
+  //font-size: 14px;
+  border: none;
+  color: $base-color-dark;
+  background-color: white;
+
+  .user-button {
+    $user-icon-color: #BCCAD2;
+    &.x-btn-pressed, &.x-btn-focus{
+      background-color: darken($user-icon-color, 5%)!important;
+    }
+    &.x-btn-over:not(&.x-btn-focus) {
+      background-color: lighten($user-icon-color, 0%)!important;
+    }
+  }
+
+  &.x-toolbar-default {
+    padding: 0;
+  }
+
+  .header-user-block {
+    .x-panel-body-default {
+      .x-btn-toolbutton-toolbar-small {
+        padding: 2px 18px 2px 18px;
+      }
+    }
+
+    .blue-text-button {
+      .x-btn-icon-el-toolbutton-toolbar-small {
+        color: $base-color;
+      }
+    }
+  }
+
+  .imgAll {
+    display: inline-block;
+    background-repeat: no-repeat;
+    background-size: 104%;
+    background-position: 50%;
+    border-radius: 50%;
+  }
+
+  .fio {
+    float: right;
+    line-height: 25px;
+    padding-left: 5px;
+    cursor: pointer;
+  }
+
+  .imgSmall {
+    width: 25px;
+    height: 25px;
+  }
+
+  .header-flex {
+    img {
+      width: 100%;
+      position: relative;
+      top: 30px;
+      height: 25px;
+    }
+  }
+
+  .header-bottom {
+    .x-panel-body-default {
+      background-color: $base-color;
+      color: white;
+
+      .x-btn-toolbutton-toolbar-small {
+        margin: 0 12px 0 12px;
+      }
+    }
+  }
+
+  .header-bottom-line {
+    background-color: $base-color;
+  }
+
+  .x-panel-body-default {
+    color: $base-color-dark;
+  }
+
+  .x-btn-default-small {
+    //width: 120px;
+
+    .x-box-target {
+      .x-btn-default-small {
+        background-color: $base-color-dark;
+        color: $base-color-dark;
+      }
+    }
+  }
+
+  .x-btn-icon-el {
+    &.svg-icon {
+      background-color: $base-color;
+      width: 33px;
+      height: 24px;
+    }
+
+    &.svg-icon:hover {
+      background-color: $base-color-dark;
+
+    }
+  }
+
+  .header-bottom .x-panel-body-default .x-btn-toolbutton-toolbar-small {
+    .x-btn-icon-el {
+      &.svg-icon {
+        background-color: lighten(lightgray, 5%);
+      }
+
+      &.svg-icon:hover {
+        background-color: white;
+
+      }
+    }
+  }
+}
+
+.x-edge {
+  .coon-app-header-view {
+    .svg-icon {
+      height: 24px;
+      width: 24px;
+      background-size: 70%;
+
+      .svg-icon-chat {
+        background-size: 80%;
+      }
+    }
+  }
+}