MdnLink.css (1111B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 /* Learn more links */ 6 7 .network-monitor .learn-more-link { 8 display: inline-block; 9 line-height: 16px; 10 11 &::before { 12 background-image: url(chrome://devtools/skin/images/help.svg); 13 background-size: contain; 14 -moz-context-properties: fill; 15 fill: var(--theme-icon-color); 16 } 17 } 18 19 .network-monitor [role="treeitem"][aria-selected="true"] .learn-more-link:not(:hover)::before { 20 fill: var(--theme-selection-color); 21 } 22 23 .network-monitor .tree-container .learn-more-link { 24 position: absolute; 25 top: 0; 26 inset-inline-start: 2px; 27 /* Override devtools-button styles to make this button 20x20, 28 * so that the icon is vertically centered in the table row */ 29 padding: 1px 0; 30 } 31 32 :root:not([forced-colors-active]) .network-monitor .tree-container tr:not(:hover) .learn-more-link { 33 opacity: 0.4; 34 } 35 36 .network-monitor .tabpanel-summary-value.status { 37 display: flex; 38 align-items: center; 39 }