Skip to content

Commit 4dbeefc

Browse files
Aris-t2Aris-t2
committed
3.1.7
1 parent 2dfcb2f commit 4dbeefc

16 files changed

+552
-196
lines changed

‎classic/css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup_compact_view_fx72.css‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,4 +42,29 @@
4242
margin-top: 5px !important;;
4343
}
4444

45+
46+
/* small image */
47+
addon-list[type="theme"] .card-heading-image {
48+
width: 200px !important;
49+
height: 40px !important;
50+
object-fit: unset !important;
51+
}
52+
53+
addon-list[type="theme"] .card-heading-image {
54+
position: unset !important;
55+
}
56+
57+
addon-list[type="theme"] addon-card > .addon.card {
58+
height: unset !important;
59+
}
60+
61+
addon-list[type="theme"] .card-contents {
62+
margin-top: unset !important;
63+
}
64+
65+
addon-list[type="theme"] addon-card panel-list {
66+
margin-top: 4px !important;
67+
margin-inline-end: 6px !important;
68+
}
69+
4570
}

‎classic/css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup_fx72.css‎

Lines changed: 27 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -264,9 +264,32 @@ addon-card panel-list {
264264
top: 8px;
265265
right: 0 !important;
266266
}
267-
268-
269-
270-
267+
268+
/* small image */ /*
269+
addon-list[type="theme"] .card-heading-image {
270+
width: 200px !important;
271+
height: 40px !important;
272+
object-fit: unset !important;
273+
padding-bottom: 50px !important;
274+
}
275+
/**/
276+
277+
addon-list[type="theme"] .card-heading-image {
278+
position: absolute !important;
279+
}
280+
281+
addon-list[type="theme"] addon-card > .addon.card {
282+
height: 144px;
283+
}
284+
285+
addon-list[type="theme"] .card-contents {
286+
margin-top: 100px !important;
287+
}
288+
289+
addon-list[type="theme"] addon-card panel-list {
290+
margin-top: 100px !important;
291+
margin-inline-end: 6px !important;
292+
}
293+
271294

272295
}

‎classic/css/aboutaddons/addonlists_show_buttons_instead_of_menu_popup_more_compact_view_fx72.css‎

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
recommended-themes-section,
1515
recommended-extensions-section,
16-
addon-card .card-heading-image {
16+
addon-list[type="theme"] addon-card > .addon.card .card-heading-image {
1717
display: none !important;
1818
}
1919

@@ -40,4 +40,21 @@
4040
margin-inline-end: 2px !important;
4141
}
4242

43+
addon-list[type="theme"] .card-heading-image {
44+
position: unset !important;
45+
}
46+
47+
addon-list[type="theme"] addon-card > .addon.card {
48+
height: unset !important;
49+
}
50+
51+
addon-list[type="theme"] .card-contents {
52+
margin-top: unset !important;
53+
}
54+
55+
addon-list[type="theme"] addon-card panel-list {
56+
margin-top: 1px !important;
57+
margin-inline-end: 6px !important;
58+
}
59+
4360
}

‎classic/css/appbutton/appbutton_hidden.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@
33
/****************************************************************************************/
44

55

6-
#PanelUI-button {
6+
#PanelUI-button,
7+
#PanelUI-menu-button {
78
min-width: 1px !important;
89
width: 1px !important;
910
max-width: 1px !important;

‎classic/css/appbutton/appbutton_popup_more_icons.css‎

Lines changed: 47 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -33,74 +33,74 @@
3333
/* Even More AppButton Icons: DevTools by Key */
3434

3535
#PanelUI-developerItems toolbarbutton[key="key_toggleToolbox"]:not([checked=true]) > image.toolbarbutton-icon {
36-
-moz-context-properties: fill;
37-
list-style-image: url("chrome://browser/skin/toggle.svg");
36+
-moz-context-properties: fill;
37+
list-style-image: url("chrome://browser/skin/toggle.svg");
3838
}
3939

4040
#PanelUI-developerItems toolbarbutton[key="key_inspector"] > image.toolbarbutton-icon {
41-
-moz-context-properties: fill;
42-
list-style-image: url("chrome://devtools/skin/images/tool-inspector.svg");
41+
-moz-context-properties: fill;
42+
list-style-image: url("chrome://devtools/skin/images/tool-inspector.svg");
4343
}
4444

4545
#PanelUI-developerItems toolbarbutton[key="key_webconsole"] > image.toolbarbutton-icon {
46-
-moz-context-properties: fill;
47-
list-style-image: url("chrome://devtools/skin/images/tool-webconsole.svg");
46+
-moz-context-properties: fill;
47+
list-style-image: url("chrome://devtools/skin/images/tool-webconsole.svg");
4848
}
4949

5050
#PanelUI-developerItems toolbarbutton[key="key_jsdebugger"] > image.toolbarbutton-icon {
51-
-moz-context-properties: fill;
52-
list-style-image: url("chrome://devtools/skin/images/tool-debugger.svg");
51+
-moz-context-properties: fill;
52+
list-style-image: url("chrome://devtools/skin/images/tool-debugger.svg");
5353
}
5454

5555
#PanelUI-developerItems toolbarbutton[key="key_netmonitor"] > image.toolbarbutton-icon {
56-
-moz-context-properties: fill;
57-
list-style-image: url("chrome://devtools/skin/images/tool-network.svg");
56+
-moz-context-properties: fill;
57+
list-style-image: url("chrome://devtools/skin/images/tool-network.svg");
5858
}
5959

6060
#PanelUI-developerItems toolbarbutton[key="key_styleeditor"] > image.toolbarbutton-icon {
61-
-moz-context-properties: fill;
62-
list-style-image: url("chrome://devtools/skin/images/tool-styleeditor.svg");
61+
-moz-context-properties: fill;
62+
list-style-image: url("chrome://devtools/skin/images/tool-styleeditor.svg");
6363
}
6464

6565
#PanelUI-developerItems toolbarbutton[key="key_performance"] > image.toolbarbutton-icon {
66-
-moz-context-properties: fill;
67-
list-style-image: url("chrome://devtools/skin/images/tool-profiler.svg");
66+
-moz-context-properties: fill;
67+
list-style-image: url("chrome://devtools/skin/images/tool-profiler.svg");
6868
}
6969

7070
#PanelUI-developerItems toolbarbutton[key="key_storage"] > image.toolbarbutton-icon {
71-
-moz-context-properties: fill;
72-
list-style-image: url("chrome://devtools/skin/images/tool-storage.svg");
71+
-moz-context-properties: fill;
72+
list-style-image: url("chrome://devtools/skin/images/tool-storage.svg");
7373
}
7474

7575
#PanelUI-developerItems toolbarbutton[key="key_accessibility"] > image.toolbarbutton-icon {
76-
-moz-context-properties: fill;
77-
list-style-image: url("chrome://devtools/skin/images/tool-accessibility.svg");
76+
-moz-context-properties: fill;
77+
list-style-image: url("chrome://devtools/skin/images/tool-accessibility.svg");
7878
}
7979

8080
#PanelUI-developerItems toolbarbutton[key="key_application"] > image.toolbarbutton-icon {
81-
-moz-context-properties: fill;
82-
list-style-image: url("chrome://devtools/skin/images/tool-application.svg");
81+
-moz-context-properties: fill;
82+
list-style-image: url("chrome://devtools/skin/images/tool-application.svg");
8383
}
8484

8585
#PanelUI-developerItems toolbarbutton[key="key_dom"] > image.toolbarbutton-icon {
86-
-moz-context-properties: fill;
87-
list-style-image: url("chrome://devtools/skin/images/tool-dom.svg");
86+
-moz-context-properties: fill;
87+
list-style-image: url("chrome://devtools/skin/images/tool-dom.svg");
8888
}
8989

9090
#PanelUI-developerItems toolbarbutton[key="key_browserConsole"] > image.toolbarbutton-icon {
91-
-moz-context-properties: fill;
92-
list-style-image: url("chrome://devtools/skin/images/tool-webconsole.svg");
91+
-moz-context-properties: fill;
92+
list-style-image: url("chrome://devtools/skin/images/tool-webconsole.svg");
9393
}
9494

9595
#PanelUI-developerItems toolbarbutton[key="key_responsiveDesignMode"] > image.toolbarbutton-icon {
96-
-moz-context-properties: fill, fill-opacity;
97-
fill-opacity: 0;
98-
list-style-image: url("chrome://devtools/skin/images/command-responsivemode.svg");
96+
-moz-context-properties: fill, fill-opacity;
97+
fill-opacity: 0;
98+
list-style-image: url("chrome://devtools/skin/images/command-responsivemode.svg");
9999
}
100100

101101
#PanelUI-developerItems toolbarbutton[key="key_viewSource"] > image.toolbarbutton-icon { /* Re-using the DOM icon since I expect everyone uses the Inspector instead */
102-
-moz-context-properties: fill;
103-
list-style-image: url("chrome://devtools/skin/images/tool-dom.svg");
102+
-moz-context-properties: fill;
103+
list-style-image: url("chrome://devtools/skin/images/tool-dom.svg");
104104
}
105105

106106
#PanelUI-developerItems toolbarbutton[key="key_toggleToolbox"]:not([checked=true]) > label.toolbarbutton-text,
@@ -117,7 +117,6 @@
117117
#PanelUI-developerItems toolbarbutton[key="key_browserConsole"] > label.toolbarbutton-text,
118118
#PanelUI-developerItems toolbarbutton[key="key_responsiveDesignMode"] > label.toolbarbutton-text,
119119
#PanelUI-developerItems toolbarbutton[key="key_viewSource"] > label.toolbarbutton-text {
120-
121120
padding-inline-start: 8px !important;
122121
}
123122

@@ -135,33 +134,28 @@
135134
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton[key="key_browserConsole"] > image.toolbarbutton-icon,
136135
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton[key="key_responsiveDesignMode"] > image.toolbarbutton-icon,
137136
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton[key="key_viewSource"] > image.toolbarbutton-icon {
138-
139137
fill: currentColor !important;
140138
}
141139

142140
/* Eye Dropper & Get More Tools (by Name (English Only)) */
143141

144142
#PanelUI-developerItems toolbarbutton image.toolbarbutton-icon[label="Eyedropper"] {
145-
146-
-moz-context-properties: fill;
147-
list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
143+
-moz-context-properties: fill;
144+
list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
148145
}
149146

150147
#PanelUI-developerItems toolbarbutton image.toolbarbutton-icon[label="Get More Tools"] {
151-
152-
-moz-context-properties: fill;
153-
list-style-image: url("chrome://browser/skin/developer.svg");
148+
-moz-context-properties: fill;
149+
list-style-image: url("chrome://browser/skin/developer.svg");
154150
}
155151

156152
#PanelUI-developerItems toolbarbutton > label.toolbarbutton-text[value="Eyedropper"],
157153
#PanelUI-developerItems toolbarbutton > label.toolbarbutton-text[value="Get More Tools"] {
158-
159154
padding-inline-start: 8px !important;
160155
}
161156

162157
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton > image.toolbarbutton-icon[label="Eyedropper"],
163158
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton > image.toolbarbutton-icon[label="Get More Tools"] {
164-
165159
fill: currentColor !important;
166160
}
167161

@@ -172,44 +166,38 @@
172166
/* Remote Debugging (by Name (English Only)) */
173167

174168
#PanelUI-developerItems toolbarbutton image.toolbarbutton-icon[label="Remote Debugging"] {
175-
176-
list-style-image: url("../../image/remote.png");
177-
filter: grayscale(100%) brightness(70%);
178-
-moz-image-region: auto;
169+
list-style-image: url("../../image/remote.png");
170+
filter: grayscale(100%) brightness(70%);
171+
-moz-image-region: auto;
179172
}
180173

181174
#PanelUI-developerItems toolbarbutton > label.toolbarbutton-text[value="Remote Debugging"] {
182-
183-
padding-inline-start: 8px !important;
175+
padding-inline-start: 8px !important;
184176
}
185177

186178
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton > image.toolbarbutton-icon[label="Remote Debugging"] {
187-
188-
list-style-image: url("../../image/remote.png");
189-
filter: grayscale(100%) brightness(130%) !important;
190-
-moz-image-region: auto;
179+
list-style-image: url("../../image/remote.png");
180+
filter: grayscale(100%) brightness(130%) !important;
181+
-moz-image-region: auto;
191182
}
192183

193184
/* Browser Toolbox (by Key) and Browser Content Toolbox (by Name (English Only)) */
194185

195186
#PanelUI-developerItems toolbarbutton[key="key_browserToolbox"] > image.toolbarbutton-icon,
196187
#PanelUI-developerItems toolbarbutton image.toolbarbutton-icon[label="Browser Content Toolbox"] {
197-
198-
list-style-image: url("../../image/command-tilt.png");
199-
filter: grayscale(100%) brightness(10%);
200-
-moz-image-region: rect(0px, 64px, 16px, 48px);
188+
list-style-image: url("../../image/command-tilt.png");
189+
filter: grayscale(100%) brightness(10%);
190+
-moz-image-region: rect(0px, 64px, 16px, 48px);
201191
}
202192

203193
#PanelUI-developerItems toolbarbutton[key="key_browserToolbox"] > label.toolbarbutton-text,
204194
#PanelUI-developerItems toolbarbutton > label.toolbarbutton-text[value="Browser Content Toolbox"] {
205-
206-
padding-inline-start: 8px !important;
195+
padding-inline-start: 8px !important;
207196
}
208197

209198
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton[key="key_browserToolbox"] > image.toolbarbutton-icon,
210199
#main-window:-moz-lwtheme:-moz-lwtheme-brighttext #PanelUI-developerItems toolbarbutton > image.toolbarbutton-icon[label="Browser Content Toolbox"] {
211-
212-
list-style-image: url("../../image/command-tilt.png");
213-
filter: grayscale(100%) brightness(220%) !important;
214-
-moz-image-region: rect(0px, 64px, 16px, 48px);
200+
list-style-image: url("../../image/command-tilt.png");
201+
filter: grayscale(100%) brightness(220%) !important;
202+
-moz-image-region: rect(0px, 64px, 16px, 48px);
215203
}

‎classic/css/tabs/tab_maxwidth.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
*/
2222

2323
/* tab max-width */
24-
#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
24+
#tabbrowser-tabs:not([overflow="true"]):not([using-closing-tabs-spacer="true"]) .tabbrowser-tab[fadein]:not([pinned]) {
2525
max-width: var(--tab_max_width) !important;
2626
overflow: hidden !important;
2727
}

0 commit comments

Comments
 (0)