Merge pull request #777 from ONLYOFFICE/feature/assets-update

Change icons color to black

apps/common/main/lib/controller/Themes.js

@@ -18,15 +18,24 @@ define([
         }
 
         var refresh_sdk_colors = function () {
-            var style = getComputedStyle(document.body);
-            if ( !!window.DE ) {
-                var color_background_normal = style.getPropertyValue('--background-normal');
-                this.api.asc_setSkin({
-                    "RulerOutline": style.getPropertyValue('--border-toolbar')
-                    , "RulerMarkersFillColor": color_background_normal
-                    , "RulerMarkersFillColorOld": color_background_normal
-                    , "RulerTableColor1": color_background_normal
-                });
+            if ( !(Common.Utils.isIE10 || Common.Utils.isIE11) ) {
+                var style = getComputedStyle(document.body);
+                if ( !!window.DE ) {
+                    var color_background_normal = style.getPropertyValue('--background-normal');
+                    this.api.asc_setSkin({
+                        "RulerOutline": style.getPropertyValue('--border-toolbar'),
+                        "RulerMarkersFillColor": color_background_normal,
+                        "RulerMarkersFillColorOld": color_background_normal,
+                        "RulerTableColor1": color_background_normal,
+                        "RulerLight": style.getPropertyValue("--canvas-ruler-background"),
+                        "RulerDark": style.getPropertyValue("--canvas-ruler-margins-background"),
+                        "RulerTextColor": style.getPropertyValue("--canvas-ruler-mark"),
+                        "RulerTableColor2": style.getPropertyValue("--canvas-ruler-handle-border"),
+                        "RulerTableColor2Old": style.getPropertyValue("--canvas-ruler-handle-border-disabled"),
+                        "RulerTabsColor": style.getPropertyValue("--canvas-high-contrast"),
+                        "RulerTabsColorOld": style.getPropertyValue("--canvas-high-contrast-disabled"),
+                    });
+                }
             }
         }
         return {

apps/documenteditor/main/app/view/DocumentHolder.js

@@ -2707,7 +2707,7 @@ define([
             }).on('click', _.bind(me.onInsertCaption, me));
 
             var mnuTableMerge = new Common.UI.MenuItem({
-                iconCls: 'menu__icon btn-merge',
+                iconCls: 'menu__icon btn-merge-cells',
                 caption     : me.mergeCellsText
             }).on('click', function(item) {
                 if (me.api)

apps/documenteditor/main/app/view/Toolbar.js

@@ -1171,6 +1171,7 @@ define([
                             if (menu.cmpEl) {
                                 var itemEl = $(cmp.cmpEl.find('.dataview.inner .style').get(0)).parent();
                                 var itemMargin = /*parseInt($(itemEl.get(0)).parent().css('margin-right'))*/-1;
+                                Common.Utils.applicationPixelRatio() > 1 && Common.Utils.applicationPixelRatio() < 2 && (itemMargin = itemMargin + 1/Common.Utils.applicationPixelRatio());
                                 var itemWidth = itemEl.is(':visible') ? parseInt(itemEl.css('width')) :
                                     (cmp.itemWidth + parseInt(itemEl.css('padding-left')) + parseInt(itemEl.css('padding-right')) +
                                     parseInt(itemEl.css('border-left-width')) + parseInt(itemEl.css('border-right-width')));

apps/presentationeditor/main/app/view/DocumentHolder.js

@@ -2165,7 +2165,7 @@ define([
             });
 
             var mnuTableMerge = new Common.UI.MenuItem({
-                iconCls: 'menu__icon btn-merge',
+                iconCls: 'menu__icon btn-merge-cells',
                 caption     : me.mergeCellsText
             }).on('click', function(item) {
                 if (me.api)

apps/presentationeditor/main/app/view/Toolbar.js

@@ -905,6 +905,7 @@ define([
                             if (menu.cmpEl) {
                                 var itemEl = $(cmp.cmpEl.find('.dataview.inner .style').get(0)).parent();
                                 var itemMargin = /*parseInt($(itemEl.get(0)).parent().css('margin-right'))*/-1;
+                                Common.Utils.applicationPixelRatio() > 1 && Common.Utils.applicationPixelRatio() < 2 && (itemMargin = itemMargin + 1/Common.Utils.applicationPixelRatio());
                                 var itemWidth = itemEl.is(':visible') ? parseInt(itemEl.css('width')) :
                                     (cmp.itemWidth + parseInt(itemEl.css('padding-left')) + parseInt(itemEl.css('padding-right')) +
                                     parseInt(itemEl.css('border-left-width')) + parseInt(itemEl.css('border-right-width')));