Bug 1044602 - about:newtab tiles look different than anything else in the browser [r=adw]

Use a solid color background and remove now unused texture. Tweak gradient, hover images, borders.
This commit is contained in:
Ed Lee 2014-08-14 17:03:48 -07:00
Родитель 1c508f9ef0
Коммит 658c3d2172
5 изменённых файлов: 10 добавлений и 11 удалений

Просмотреть файл

@ -132,7 +132,6 @@ browser.jar:
skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png)
skin/classic/browser/newtab/controls@2x.png (../shared/newtab/controls@2x.png)
skin/classic/browser/newtab/controls.svg (../shared/newtab/controls.svg)
skin/classic/browser/newtab/texture.png (../shared/newtab/texture.png)
skin/classic/browser/places/bookmarksMenu.png (places/bookmarksMenu.png)
skin/classic/browser/places/bookmarksToolbar.png (places/bookmarksToolbar.png)
skin/classic/browser/places/bookmarksToolbar-menuPanel.png (places/bookmarksToolbar-menuPanel.png)

Просмотреть файл

@ -206,7 +206,6 @@ browser.jar:
skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png)
skin/classic/browser/newtab/controls@2x.png (../shared/newtab/controls@2x.png)
skin/classic/browser/newtab/controls.svg (../shared/newtab/controls.svg)
skin/classic/browser/newtab/texture.png (../shared/newtab/texture.png)
skin/classic/browser/setDesktopBackground.css
skin/classic/browser/monitor.png
skin/classic/browser/monitor_16-10.png

Просмотреть файл

@ -9,10 +9,13 @@
}
/* SCROLLBOX */
#newtab-scrollbox:not([page-disabled]),
#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
#newtab-scrollbox:not([page-disabled]) {
color: rgb(0,0,0);
background-image: url(chrome://browser/skin/newtab/texture.png);
background-color: #f9f9f9;
}
#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
background: inherit;
}
/* UNDO */
@ -92,7 +95,7 @@
.newtab-cell:not([ignorehover]) > .newtab-site:hover,
.newtab-site[dragged] {
border: 2px solid #4a90e2;
border: 2px solid white;
box-shadow: 0 0 6px 2px #4cb1ff;
margin: -2px;
}
@ -131,7 +134,7 @@
/* Use a pseudo-element to overlay a gradient on the thumbnail */
.newtab-site[type=history]:not(:hover) .newtab-thumbnail:first-child::after {
background-image: linear-gradient(0deg, rgba(251, 251, 251, 0.8), rgba(251, 251, 251, 0) 50%);
background-image: linear-gradient(0deg, rgba(251, 251, 251, 0.8), rgba(251, 251, 251, 0) 33%);
border-radius: inherit;
bottom: 0;
content: "";
@ -175,12 +178,12 @@
.newtab-control-pin:hover,
.newtab-site[pinned] .newtab-control-pin:hover {
background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 32, 96);
background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 32, 128);
}
.newtab-control-pin:hover:active,
.newtab-site[pinned] .newtab-control-pin {
background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 32, 128);
background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 32, 96);
}
.newtab-control-block {

Двоичные данные
browser/themes/shared/newtab/texture.png

Двоичный файл не отображается.

До

Ширина:  |  Высота:  |  Размер: 14 KiB

Просмотреть файл

@ -155,7 +155,6 @@ browser.jar:
skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png)
skin/classic/browser/newtab/controls@2x.png (../shared/newtab/controls@2x.png)
skin/classic/browser/newtab/controls.svg (../shared/newtab/controls.svg)
skin/classic/browser/newtab/texture.png (../shared/newtab/texture.png)
skin/classic/browser/places/places.css (places/places.css)
* skin/classic/browser/places/organizer.css (places/organizer.css)
skin/classic/browser/places/bookmark.png (places/bookmark.png)
@ -582,7 +581,6 @@ browser.jar:
skin/classic/aero/browser/newtab/controls.png (../shared/newtab/controls.png)
skin/classic/aero/browser/newtab/controls@2x.png (../shared/newtab/controls@2x.png)
skin/classic/aero/browser/newtab/controls.svg (../shared/newtab/controls.svg)
skin/classic/aero/browser/newtab/texture.png (../shared/newtab/texture.png)
* skin/classic/aero/browser/places/places.css (places/places-aero.css)
* skin/classic/aero/browser/places/organizer.css (places/organizer-aero.css)
skin/classic/aero/browser/places/bookmark.png (places/bookmark-aero.png)