screenshots-buttons.css (1179B)
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 :host { 6 --screenshots-icon-background-color: var(--color-gray-60); 7 8 position: absolute; 9 /* position about 4px above the container ensuring overlap with toolbar/chrome */ 10 top: -8px; 11 inset-inline-end: 10px; 12 z-index: 3; 13 padding: 12px; 14 background-color: var(--arrowpanel-background); 15 color: var(--arrowpanel-color); 16 border-radius: var(--arrowpanel-border-radius); 17 } 18 19 #full-page { 20 background-image: url("chrome://browser/content/screenshots/menu-fullpage.svg"); 21 } 22 23 #visible-page { 24 background-image: url("chrome://browser/content/screenshots/menu-visible.svg"); 25 } 26 27 #full-page, 28 #visible-page { 29 -moz-context-properties: fill, stroke; 30 fill: currentColor; 31 /* stroke is the secondary fill color used to define the viewport shape in the SVGs */ 32 stroke: var(--screenshots-icon-background-color); 33 background-position: center top; 34 background-repeat: no-repeat; 35 background-size: 46px 46px; 36 min-width: 90px; 37 padding: 46px 5px 5px; 38 margin: 2px; 39 }