Merge pull request #1552 from nmuthu973/wpe-2.46-port-rwi-chromium-fixes

[wpe-2.46][RWI] fixes for RWI with chromium browser

Author: magomez

Source/WebInspectorUI/Tools/Images/index.js

@@ -76,7 +76,7 @@ async function parseSVG(path) {
 
     let imgs = [];
     if (!path.includes("#")) {
-        let variants = dom.querySelectorAll(":root > :matches(svg, g)[id]");
+        let variants = dom.querySelectorAll(":root > :is(svg, g)[id]");
         if (variants.length) {
             for (let variant of variants) {
                 let target = variant.getAttribute("id");

Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.css

@@ -91,11 +91,6 @@
     color: var(--glyph-color-disabled);
 }
 
-.navigation-bar .item.button > img {
-    width: 100%;
-    height: 100%;
-}
-
 .navigation-bar .item.button.disabled > img {
     opacity: 0.3;
 }

Source/WebInspectorUI/UserInterface/Views/ButtonNavigationItem.js

@@ -229,8 +229,11 @@ WI.ButtonNavigationItem = class ButtonNavigationItem extends WI.NavigationItem
 
             case WI.ButtonNavigationItem.ImageType.IMG: {
                 let img = this.element.appendChild(document.createElement("img"));
-                if (this._image)
+                if (this._image) {
+                    img.style.width = this._imageWidth + "px";
+                    img.style.height = this._imageHeight + "px";
                     img.src = this._image;
+		}
                 break;
             }
             }

Source/WebInspectorUI/UserInterface/Views/GradientSlider.css

@@ -62,7 +62,7 @@
     width: 20px;
     height: 26px;
 
-    background-image: image-set(url(../Images/GradientStop.png) 1x, url(../Images/GradientStop@2x.png) 2x);
+    background-image: url(../Images/GradientStop.png);
 
     transition: opacity 350ms;
 }
@@ -73,7 +73,7 @@
 }
 
 .gradient-slider-knob.selected {
-    background-image: image-set(url(../Images/GradientStopSelected.png) 1x, url(../Images/GradientStopSelected@2x.png) 2x);
+    background-image: url(../Images/GradientStopSelected.png);
 }
 
 .gradient-slider-knob.detaching {

Source/WebInspectorUI/UserInterface/Views/HoverMenu.css

@@ -58,7 +58,7 @@
     width: 15px;
     height: 13px;
 
-    content: image-set(url(../Images/HoverMenuButton.png) 1x, url(../Images/HoverMenuButton@2x.png) 2x);
+    content: url(../Images/HoverMenuButton.png);
     transform: translateY(-1px);
 }
 

Source/WebInspectorUI/UserInterface/Views/Slider.css

@@ -34,7 +34,7 @@
     top: -5px;
     width: 14px;
     height: 17px;
-    content: image-set(url(../Images/SliderThumb.png) 1x, url(../Images/SliderThumb@2x.png) 2x);
+    content: url(../Images/SliderThumb.png);
 }
 
 body[dir=ltr] .slider > img {
@@ -48,7 +48,7 @@ body[dir=rtl] .slider > img {
 }
 
 .slider > img.dragging {
-    content: image-set(url(../Images/SliderThumbPressed.png) 1x, url(../Images/SliderThumbPressed@2x.png) 2x);
+    content: url(../Images/SliderThumbPressed.png);
 }
 
 .slider:focus {

Source/WebInspectorUI/UserInterface/Views/SourceCodeTextEditor.css

@@ -183,7 +183,7 @@
 .hover-menu.color > img {
     width: 16px;
     height: 16px;
-    content: image-set(url(../Images/ColorIcon.png) 1x, url(../Images/ColorIcon@2x.png) 2x);
+    content: url(../Images/ColorIcon.png);
     transform: translateY(0.5px);
 }
 

Source/WebInspectorUI/UserInterface/Views/TextEditor.css

@@ -104,7 +104,7 @@
 
     z-index: -1;
 
-    background-image: image-set(url(../Images/InstructionPointer.png) 1x, url(../Images/InstructionPointer@2x.png) 2x);
+    background-image: url(../Images/InstructionPointer.png);
     background-size: 9px 100%;
     background-repeat: no-repeat;
 }