-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path1096413-dev-edition-style.patch
163 lines (148 loc) · 5.56 KB
/
1096413-dev-edition-style.patch
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
From 35db99312100fba1eef54f8a45b0751471a6c4fe Mon Sep 17 00:00:00 2001
From: Jordan Santell <[email protected]>
Date: Fri, 14 Nov 2014 13:26:13 -0800
Subject: [PATCH] Bug 1096413 - Add borders around navigation, search and URL
controls in dev edition. r=bgrins
---
browser/themes/linux/devedition.css | 3 ++-
browser/themes/osx/devedition.css | 10 ++++++++--
browser/themes/shared/devedition.inc.css | 4 +++-
browser/themes/windows/devedition.css | 3 ++-
4 files changed, 15 insertions(+), 5 deletions(-)
diff --git a/browser/themes/linux/devedition.css b/browser/themes/linux/devedition.css
index ac39620..90c204b 100644
--- a/browser/themes/linux/devedition.css
+++ b/browser/themes/linux/devedition.css
@@ -24,17 +24,18 @@
#PlacesToolbar toolbarbutton.bookmark-item:-moz-any(:hover, [open="true"]) {
color: initial;
}
/* Square back and forward buttons */
#back-button:not(:-moz-lwtheme) > .toolbarbutton-icon,
#forward-button:not(:-moz-lwtheme) > .toolbarbutton-icon {
margin: 0;
- border: none;
+ border: solid 1px var(--chrome-nav-bar-controls-border-color);
+ -moz-border-end: none;
padding: 2px 6px;
background: var(--chrome-nav-buttons-background);
box-shadow: none !important;
}
/* Override a box shadow for disabled back button */
#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
box-shadow: none !important;
diff --git a/browser/themes/osx/devedition.css b/browser/themes/osx/devedition.css
index db0f7e2..9e036877 100644
--- a/browser/themes/osx/devedition.css
+++ b/browser/themes/osx/devedition.css
@@ -36,27 +36,33 @@
margin-top: 6px;
}
/* Square back and forward buttons. Need !important on these because there
are a lot of more specific selectors sprinkled around elsewhere for changing
background / shadows for different states */
#back-button,
#forward-button {
- height: 22px !important;
+ height: 24px !important;
box-shadow: none !important;
- border: none !important;
+ border: solid 1px var(--chrome-nav-bar-controls-border-color) !important;
+ -moz-border-end: none !important;
background: var(--chrome-nav-buttons-background) !important;
}
#back-button:hover:not([disabled="true"]),
#forward-button:hover:not([disabled="true"]) {
background: var(--chrome-nav-buttons-hover-background) !important;
}
+#forward-button > .toolbarbutton-icon {
+ margin-left: 0;
+ margin-right: 0;
+}
+
#back-button {
border-radius: 3px 0 0 3px !important;
padding: 0 !important;
margin: 0 !important;
}
#back-button:hover:active:not([disabled="true"]) {
-moz-image-region: rect(18px, 54px, 36px, 36px);
diff --git a/browser/themes/shared/devedition.inc.css b/browser/themes/shared/devedition.inc.css
index 59e7891..2b02828 100644
--- a/browser/themes/shared/devedition.inc.css
+++ b/browser/themes/shared/devedition.inc.css
@@ -19,16 +19,17 @@
--chrome-color: #F5F7FA;
--chrome-secondary-background-color: #39424D;
--chrome-navigator-toolbox-separator-color: rgba(0,0,0,.2);
--chrome-nav-bar-separator-color: rgba(0,0,0,.2);
--chrome-nav-buttons-background: #252C33;
--chrome-nav-buttons-hover-background: #1B2127;
--chrome-selection-color: #fff;
--chrome-selection-background-color: #074D75;
+ --chrome-nav-bar-controls-border-color: #1D2328;
/* Tabs */
--tabs-toolbar-color: #F5F7FA;
--tab-background-color: #1C2126;
--tab-color: #ced3d9;
--tab-hover-background-color: #07090a;
--tab-separator-color: #474C50;
--tab-selection-color: #f5f7fa;
@@ -82,16 +83,17 @@
--chrome-color: #18191a;
--chrome-secondary-background-color: #f0f1f2;
--chrome-navigator-toolbox-separator-color: #cccccc;
--chrome-nav-bar-separator-color: #B6B6B8;
--chrome-nav-buttons-background: #f0f1f2;
--chrome-nav-buttons-hover-background: #DADBDB;
--chrome-selection-color: #f5f7fa;
--chrome-selection-background-color: #4c9ed9;
+ --chrome-nav-bar-controls-border-color: #CCCCCC;
--tab-color: #18191a;
--tab-background-color: #E3E4E6;
--tab-hover-background-color: #D7D8DA;
--tab-color: #18191a;
--tab-separator-color: #C6C6C7;
--tab-selection-color: #f5f7fa;
--tab-selection-background-color: #4c9ed9;
@@ -201,17 +203,17 @@ toolbar[brighttext] #downloads-indicator-counter {
}
/* URL bar and search bar*/
#urlbar,
#navigator-toolbox .searchbar-textbox {
background-color: var(--url-and-searchbar-background-color) !important;
background-image: none !important;
color: var(--url-and-searchbar-color);
- border: none !important;
+ border: solid 1px var(--chrome-nav-bar-controls-border-color) !important;
box-shadow: none !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
overflow: -moz-hidden-unscrollable;
clip-path: none;
-moz-margin-start: 0;
}
diff --git a/browser/themes/windows/devedition.css b/browser/themes/windows/devedition.css
index 9db6934..11ae390 100644
--- a/browser/themes/windows/devedition.css
+++ b/browser/themes/windows/devedition.css
@@ -11,17 +11,18 @@
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon {
background: var(--chrome-nav-buttons-background) !important;
border-radius: 0 !important;
width: auto !important;
height: auto !important;
padding: 2px 6px !important;
margin: 0 !important;
- border: none !important;
+ border: solid 1px var(--chrome-nav-bar-controls-border-color) !important;
+ -moz-border-end: none;
box-shadow: none !important;
}
/* Override a box shadow for disabled back button */
#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
box-shadow: none !important;
}
--
1.8.4.2