DOMMutationBreakpoints.css (1522B)
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 .dom-mutation-empty { 6 padding: 6px 20px; 7 text-align: center; 8 font-style: italic; 9 color: var(--theme-body-color); 10 white-space: normal; 11 } 12 13 .dom-mutation-empty a { 14 text-decoration: underline; 15 color: var(--theme-toolbar-selected-color); 16 cursor: pointer; 17 } 18 19 .dom-mutation-list * { 20 user-select: none; 21 } 22 23 .dom-mutation-list { 24 padding: 4px 0; 25 list-style-type: none; 26 } 27 28 .dom-mutation-list li { 29 position: relative; 30 31 display: flex; 32 align-items: start; 33 overflow: hidden; 34 padding-top: 2px; 35 padding-bottom: 2px; 36 padding-inline-start: 20px; 37 padding-inline-end: 12px; 38 } 39 40 .dom-mutation-list input { 41 margin: 2px 3px; 42 43 padding-inline-start: 2px; 44 margin-top: 0; 45 margin-bottom: 0; 46 margin-inline-start: 0; 47 margin-inline-end: 2px; 48 vertical-align: text-bottom; 49 } 50 51 .dom-mutation-info { 52 flex-grow: 1; 53 text-overflow: ellipsis; 54 overflow: hidden; 55 margin-inline-end: 20px; 56 } 57 58 .dom-mutation-list .close-btn { 59 position: absolute; 60 /* hide button outside of row until hovered or focused */ 61 top: -100px; 62 } 63 64 /* Reveal the remove button on hover/focus */ 65 .dom-mutation-list li:hover .close-btn, 66 .dom-mutation-list li .close-btn:focus { 67 top: calc(50% - 8px); 68 } 69 70 [dir="ltr"] .dom-mutation-list .close-btn { 71 right: 12px; 72 } 73 74 [dir="rtl"] .dom-mutation-list .close-btn { 75 left: 12px; 76 }