browser/components/screenshots/screenshots-buttons.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

:host {
  position: absolute;
  /* position about 4px above the container ensuring overlap with toolbar/chrome */
  top: -8px;
  inset-inline-end: 10px;
  z-index: 3;
  padding: 12px;
  background-color: var(--arrowpanel-background);
  color: var(--arrowpanel-color);
  border-radius: var(--arrowpanel-border-radius);
}

.full-page {
  background-image: url("chrome://browser/content/screenshots/menu-fullpage.svg");
}

.visible-page {
  background-image: url("chrome://browser/content/screenshots/menu-visible.svg");
}

.full-page, .visible-page {
  -moz-context-properties: fill, stroke;
  fill: currentColor;
  /* stroke is the secondary fill color used to define the viewport shape in the SVGs */
  stroke: var(--color-gray-60);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 46px 46px;
  min-width: 90px;
  padding: 46px 5px 5px;
  margin: 2px;
}