wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 1188785 - Use SVG images for new tab and tab scroll arrow on Windows. r=dao

Browse Source
This commit is contained in:
Tim Nguyen 2015-11-14 04:44:00 +01:00
parent 3a4ab22052
commit 5a7c060ffc
23 changed files with 88 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
browser/themes/windows/browser.css
View File

@ -2055,30 +2055,13 @@ richlistitem[type~="action"][actiontype$="tab"] > .ac-url-box > .ac-action-icon
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left.png");
list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left.svg");
margin: 0 0 var(--tab-toolbar-navbar-overlap);
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png);
}
@media (min-resolution: 1.1dppx) {
.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left@2x.png");
}
.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon,
.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
width: 15px;
}
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted@2x.png);
}
list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.svg);
}
.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
@ -2108,14 +2091,14 @@ richlistitem[type~="action"][actiontype$="tab"] > .ac-url-box > .ac-action-icon
.tabs-newtab-button,
#TabsToolbar > #new-tab-button,
#TabsToolbar > toolbarpaletteitem > #new-tab-button {
list-style-image: url(chrome://browser/skin/tabbrowser/newtab.png);
list-style-image: url(chrome://browser/skin/tabbrowser/newtab.svg);
-moz-image-region: auto;
}
#TabsToolbar[brighttext] .tabs-newtab-button,
#TabsToolbar[brighttext] > #new-tab-button,
#TabsToolbar[brighttext] > toolbarpaletteitem > #new-tab-button {
list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted.png);
list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted.svg);
}
.tabs-newtab-button > .toolbarbutton-icon,
@ -2124,20 +2107,6 @@ richlistitem[type~="action"][actiontype$="tab"] > .ac-url-box > .ac-action-icon
width: 16px;
}
@media (min-resolution: 1.1dppx) {
.tabs-newtab-button,
#TabsToolbar > #new-tab-button,
#TabsToolbar > toolbarpaletteitem > #new-tab-button {
list-style-image: url(chrome://browser/skin/tabbrowser/newtab@2x.png);
}
#TabsToolbar[brighttext] .tabs-newtab-button,
#TabsToolbar[brighttext] > #new-tab-button,
#TabsToolbar[brighttext] > toolbarpaletteitem > #new-tab-button {
list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted@2x.png);
}
}
#TabsToolbar > #new-tab-button {
width: 26px;
}

30
browser/themes/windows/jar.mn
View File

@ -183,26 +183,19 @@ browser.jar:
skin/classic/browser/preferences/checkbox-xp.png (preferences/checkbox-xp.png)
skin/classic/browser/social/services-16.png (social/services-16.png)
skin/classic/browser/social/services-64.png (social/services-64.png)
skin/classic/browser/tabbrowser/newtab.png (tabbrowser/newtab.png)
skin/classic/browser/tabbrowser/newtab@2x.png (tabbrowser/newtab@2x.png)
skin/classic/browser/tabbrowser/newtab-XPVista7.png (tabbrowser/newtab-XPVista7.png)
skin/classic/browser/tabbrowser/newtab-XPVista7@2x.png (tabbrowser/newtab-XPVista7@2x.png)
skin/classic/browser/tabbrowser/newtab-inverted.png (tabbrowser/newtab-inverted.png)
skin/classic/browser/tabbrowser/newtab-inverted@2x.png (tabbrowser/newtab-inverted@2x.png)
skin/classic/browser/tabbrowser/newtab-inverted-XPVista7.png (tabbrowser/newtab-inverted-XPVista7.png)
skin/classic/browser/tabbrowser/newtab-inverted-XPVista7@2x.png (tabbrowser/newtab-inverted-XPVista7@2x.png)
skin/classic/browser/tabbrowser/newtab.svg (tabbrowser/newtab.svg)
skin/classic/browser/tabbrowser/newtab-XPVista7.svg (tabbrowser/newtab-XPVista7.svg)
skin/classic/browser/tabbrowser/newtab-inverted.svg (tabbrowser/newtab-inverted.svg)
skin/classic/browser/tabbrowser/newtab-inverted-XPVista7.svg (tabbrowser/newtab-inverted-XPVista7.svg)
skin/classic/browser/tabbrowser/connecting.png (tabbrowser/connecting.png)
skin/classic/browser/tabbrowser/connecting@2x.png (tabbrowser/connecting@2x.png)
skin/classic/browser/tabbrowser/loading.png (tabbrowser/loading.png)
skin/classic/browser/tabbrowser/loading@2x.png (tabbrowser/loading@2x.png)
skin/classic/browser/tabbrowser/tab-active-middle.png (tabbrowser/tab-active-middle.png)
skin/classic/browser/tabbrowser/tab-active-middle@2x.png (tabbrowser/tab-active-middle@2x.png)
skin/classic/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png)
skin/classic/browser/tabbrowser/tab-arrow-left@2x.png (tabbrowser/tab-arrow-left@2x.png)
skin/classic/browser/tabbrowser/tab-arrow-left-XPVista7.png (tabbrowser/tab-arrow-left-XPVista7.png)
skin/classic/browser/tabbrowser/tab-arrow-left-XPVista7@2x.png (tabbrowser/tab-arrow-left-XPVista7@2x.png)
skin/classic/browser/tabbrowser/tab-arrow-left-inverted.png (tabbrowser/tab-arrow-left-inverted.png)
skin/classic/browser/tabbrowser/tab-arrow-left-inverted@2x.png (tabbrowser/tab-arrow-left-inverted@2x.png)
skin/classic/browser/tabbrowser/tab-arrow-left.svg (tabbrowser/tab-arrow-left.svg)
skin/classic/browser/tabbrowser/tab-arrow-left-XPVista7.svg (tabbrowser/tab-arrow-left-XPVista7.svg)
skin/classic/browser/tabbrowser/tab-arrow-left-inverted.svg (tabbrowser/tab-arrow-left-inverted.svg)
skin/classic/browser/tabbrowser/tab-background-start.png (tabbrowser/tab-background-start.png)
skin/classic/browser/tabbrowser/tab-background-start@2x.png (tabbrowser/tab-background-start@2x.png)
skin/classic/browser/tabbrowser/tab-background-middle.png (tabbrowser/tab-background-middle.png)
@ -320,12 +313,9 @@ browser.jar:
% override chrome://browser/skin/urlbar-history-dropmarker@2x.png chrome://browser/skin/urlbar-history-dropmarker-XPVista7@2x.png os=WINNT osversion<=6.1
% override chrome://browser/skin/downloads/download-glow-menuPanel.png chrome://browser/skin/downloads/download-glow-menuPanel-XPVista7.png os=WINNT osversion<=6.1
% override chrome://browser/skin/places/autocomplete-star.png chrome://browser/skin/places/autocomplete-star-XPVista7.png os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/newtab.png chrome://browser/skin/tabbrowser/newtab-XPVista7.png os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/newtab@2x.png chrome://browser/skin/tabbrowser/newtab-XPVista7@2x.png os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/newtab-inverted.png chrome://browser/skin/tabbrowser/newtab-inverted-XPVista7.png os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/newtab-inverted@2x.png chrome://browser/skin/tabbrowser/newtab-inverted-XPVista7@2x.png os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/tab-arrow-left.png chrome://browser/skin/tabbrowser/tab-arrow-left-XPVista7.png os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/tab-arrow-left@2x.png chrome://browser/skin/tabbrowser/tab-arrow-left-XPVista7@2x.png os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/newtab.svg chrome://browser/skin/tabbrowser/newtab-XPVista7.svg os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/newtab-inverted.svg chrome://browser/skin/tabbrowser/newtab-inverted-XPVista7.svg os=WINNT osversion<=6.1
% override chrome://browser/skin/tabbrowser/tab-arrow-left.svg chrome://browser/skin/tabbrowser/tab-arrow-left-XPVista7.svg os=WINNT osversion<=6.1
% override chrome://browser/skin/menuPanel.png chrome://browser/skin/menuPanel-aero.png os=WINNT osversion=6
% override chrome://browser/skin/menuPanel.png chrome://browser/skin/menuPanel-aero.png os=WINNT osversion=6.1

BIN
browser/themes/windows/tabbrowser/newtab-XPVista7.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 237 B

16
browser/themes/windows/tabbrowser/newtab-XPVista7.svg Normal file
View File

@ -0,0 +1,16 @@
<!-- 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/. -->
<svg width="16" height="18" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#1c2835"/>
<stop offset="60%" stop-color="#606e7b"/>
<stop offset="100%" stop-color="#465765"/>
</linearGradient>
</defs>
<g fill="url(#gradient)">
<rect width="10" height="2" x="3" y="8"/>
<rect width="2" height="10" x="7" y="4"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 664 B

BIN
browser/themes/windows/tabbrowser/newtab-XPVista7@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 489 B

BIN
browser/themes/windows/tabbrowser/newtab-inverted-XPVista7.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 180 B

13
browser/themes/windows/tabbrowser/newtab-inverted-XPVista7.svg Normal file
View File

@ -0,0 +1,13 @@
<!-- 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/. -->
<svg width="16" height="18" xmlns="http://www.w3.org/2000/svg">
<g stroke="#7f7f7f" stroke-width="2" fill="none">
<rect x="7" y="4" width="2" height="10" rx="0.25" ry="0.25"/>
<rect x="3" y="8" width="10" height="2" rx="0.25" ry="0.25"/>
</g>
<g fill="#fff">
<rect width="2" height="10" x="7" y="4"/>
<rect width="10" height="2" x="3" y="8"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 591 B

BIN
browser/themes/windows/tabbrowser/newtab-inverted-XPVista7@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 164 B

BIN
browser/themes/windows/tabbrowser/newtab-inverted.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 110 B

13
browser/themes/windows/tabbrowser/newtab-inverted.svg Normal file
View File

@ -0,0 +1,13 @@
<!-- 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/. -->
<svg width="16" height="18" xmlns="http://www.w3.org/2000/svg">
<g stroke="#7f7f7f" stroke-width="2" fill="none">
<rect x="7" y="3" width="2" height="12" rx="0.25" ry="0.25"/>
<rect x="2" y="8" width="12" height="2" rx="0.25" ry="0.25"/>
</g>
<g fill="#fff">
<rect x="7" y="3" width="2" height="12"/>
<rect x="2" y="8" width="12" height="2"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 591 B

BIN
browser/themes/windows/tabbrowser/newtab-inverted@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 142 B

BIN
browser/themes/windows/tabbrowser/newtab.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 87 B

7
browser/themes/windows/tabbrowser/newtab.svg Normal file
View File

@ -0,0 +1,7 @@
<!-- 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/. -->
<svg width="16" height="18" xmlns="http://www.w3.org/2000/svg" fill="#4c4c4c">
<rect x="7" y="3" width="2" height="12"/>
<rect x="2" y="8" width="12" height="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 386 B

BIN
browser/themes/windows/tabbrowser/newtab@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 99 B

BIN
browser/themes/windows/tabbrowser/tab-arrow-left-XPVista7.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 302 B

12
browser/themes/windows/tabbrowser/tab-arrow-left-XPVista7.svg Normal file
View File

@ -0,0 +1,12 @@
<!-- 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/. -->
<svg width="15" height="17" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="fill" x1="50%" y1="0%" x2="50%" y2="100%">
<stop stop-color="#3f4f5a" offset="0"/>
<stop stop-color="#7e8c97" offset="1"/>
</linearGradient>
</defs>
<path d="M11 4L9.5 2.5l-5.875 6 5.875 6L11 13 6.625 8.5z" fill="url(#fill)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 563 B

BIN
browser/themes/windows/tabbrowser/tab-arrow-left-XPVista7@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 939 B

BIN
browser/themes/windows/tabbrowser/tab-arrow-left-inverted.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 213 B

7
browser/themes/windows/tabbrowser/tab-arrow-left-inverted.svg Normal file
View File

@ -0,0 +1,7 @@
<!-- 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/. -->
<svg width="15" height="17" xmlns="http://www.w3.org/2000/svg">
<path fill="#666" stroke-width="1.5" stroke="#666" d="M11 4L9.5 2.5l-5.875 6 5.875 6L11 13 6.625 8.5z"/>
<path fill="#fff" d="M11 4L9.5 2.5l-5.875 6 5.875 6L11 13 6.625 8.5z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 464 B

BIN
browser/themes/windows/tabbrowser/tab-arrow-left-inverted@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 657 B

BIN
browser/themes/windows/tabbrowser/tab-arrow-left.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 122 B

6
browser/themes/windows/tabbrowser/tab-arrow-left.svg Normal file
View File

@ -0,0 +1,6 @@
<!-- 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/. -->
<svg width="15" height="17" xmlns="http://www.w3.org/2000/svg">
<path d="M11 4L9.5 2.5l-5.875 6 5.875 6L11 13 6.625 8.5z" fill="#4c4c4c"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 360 B

BIN
browser/themes/windows/tabbrowser/tab-arrow-left@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 286 B