summaryrefslogtreecommitdiffstats
path: root/browser/themes/osx/preferences/applications.css
blob: 78ee02cf279d46d975a4be12bf52729f2104b75c (plain)
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/* 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/. */

/**
 * Line up the actions menu with action labels above and below it.
 * Equalize the distance from the left side of the action box to the left side
 * of the icon for both the menu and the non-menu versions of the action box.
 * Also make sure the labels are the same distance away from the icons.
 */
.actionsMenu {
  margin-inline-start: -2px;
  margin-block: 0 -1px;
}

.typeIcon,
.actionIcon {
  margin-inline: 3px 2px;
}

#handlersView > richlistitem label {
  margin-inline-start: 3px;
  margin-top: 2px;
}

#handlersView > richlistitem {
  min-height: 22px;
}

.typeIcon,
.actionIcon,
.actionsMenu::part(icon) {
  height: 16px;
  width: 16px;
}

.actionsMenu::part(icon) {
  margin-top: 2px;
  margin-inline: 0px 8px;
}

.actionsMenu > menupopup > menuitem > .menu-iconic-left {
  /* Undo content/browser/preferences/handlers.css - we don't
   * want icon-less labels to line up with the other labels.
   */
  min-width: 0;
}

richlistitem[appHandlerIcon="handleInternally"],
menuitem[appHandlerIcon="handleInternally"] {
  list-style-image: url("chrome://branding/content/icon32.png");
}

richlistitem[appHandlerIcon="ask"],
menuitem[appHandlerIcon="ask"] {
  list-style-image: url("chrome://browser/skin/preferences/alwaysAsk.png");
}

richlistitem[appHandlerIcon="save"],
menuitem[appHandlerIcon="save"] {
  list-style-image: url("chrome://browser/skin/preferences/saveFile.png");
}

richlistitem[appHandlerIcon="plugin"],
menuitem[appHandlerIcon="plugin"] {
  list-style-image: url("chrome://global/skin/plugins/plugin.svg");
}

/* Repeat what menu.css does for .menuitem-iconic */
menuitem[appHandlerIcon] {
  padding-top: 1px;
  padding-bottom: 3px;
}

menuitem[appHandlerIcon] > .menu-iconic-left > .menu-iconic-icon {
  margin-inline-start: 0;
  width: 16px;
}

#appList {
  min-height: 212px;
}

#appList > richlistitem {
  -moz-box-align: center;
}

#appList > richlistitem > image {
  margin: 5px;
  width: 32px;
  height: 32px;
}

#appList > richlistitem > label {
  margin: 0px;
  padding: 5px;
  white-space: nowrap;
}