Web Inspector: Canvas: missing icons for WebGL2 contexts
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / CanvasSidebarPanel.css
index e30da03..18fcebc 100644 (file)
     overflow-y: hidden;
 }
 
-.sidebar > .panel.navigation.canvas > .navigation-bar > .item.record-start-stop.disabled {
+.sidebar > .panel.navigation.canvas > .navigation-bar > .item.record-start-stop.disabled > .glyph {
     filter: grayscale();
     opacity: 0.5;
 }
 
-.sidebar > .panel.navigation.canvas > .content > .tree-outline .item.canvas.canvas-2d .icon {
+.sidebar > .panel.navigation.canvas > .content > .tree-outline .item.canvas:matches(.canvas-2d, .bitmaprenderer) .icon {
     content: url(../Images/Canvas2D.svg);
 }
 
-.sidebar > .panel.navigation.canvas > .content > .tree-outline .item.canvas.webgl .icon {
+.sidebar > .panel.navigation.canvas > .content > .tree-outline .item.canvas:matches(.webgl, .webgl2, .webgpu, .webmetal) .icon {
     content: url(../Images/Canvas3D.svg);
 }
 
 }
 
 @media (prefers-color-scheme: dark) {
-    .sidebar > .panel.navigation.canvas > .navigation-bar > .item.record-start-stop.disabled {
+    .sidebar > .panel.navigation.canvas > .navigation-bar > .item.record-start-stop.disabled > .glyph {
         filter: grayscale() invert();
     }
 }