Improve newtab styling

- De-duplicate controls
- Improve title text position
- Improve pinned site indicator
This commit is contained in:
wolfbeast 2018-06-22 16:53:06 +02:00 • committed by Roy Tam
commit 6f8aeda418
11 changed files with 13 additions and 11 deletions

View file

@ -77,8 +77,9 @@ browser.jar:
skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css) skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css)
skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css) skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css)
* skin/classic/browser/newtab/newTab.css (newtab/newTab.css) * skin/classic/browser/newtab/newTab.css (newtab/newTab.css)
skin/classic/browser/newtab/controls.png (newtab/controls.png) skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png)
skin/classic/browser/newtab/noise.png (newtab/noise.png) skin/classic/browser/newtab/noise.png (../shared/newtab/noise.png)
skin/classic/browser/newtab/pinned.png (../shared/newtab/pinned.png)
skin/classic/browser/places/bookmarksMenu.png (places/bookmarksMenu.png) skin/classic/browser/places/bookmarksMenu.png (places/bookmarksMenu.png)
skin/classic/browser/places/bookmarksToolbar.png (places/bookmarksToolbar.png) skin/classic/browser/places/bookmarksToolbar.png (places/bookmarksToolbar.png)
skin/classic/browser/places/calendar.png (places/calendar.png) skin/classic/browser/places/calendar.png (places/calendar.png)

View file

@ -94,8 +94,9 @@ browser.jar:
skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css) skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css)
skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css) skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css)
* skin/classic/browser/newtab/newTab.css (newtab/newTab.css) * skin/classic/browser/newtab/newTab.css (newtab/newTab.css)
skin/classic/browser/newtab/controls.png (newtab/controls.png) skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png)
skin/classic/browser/newtab/noise.png (newtab/noise.png) skin/classic/browser/newtab/noise.png (../shared/newtab/noise.png)
skin/classic/browser/newtab/pinned.png (../shared/newtab/pinned.png)
skin/classic/browser/places/places.css (places/places.css) skin/classic/browser/places/places.css (places/places.css)
* skin/classic/browser/places/organizer.css (places/organizer.css) * skin/classic/browser/places/organizer.css (places/organizer.css)
skin/classic/browser/places/editBookmark.png (places/editBookmark.png) skin/classic/browser/places/editBookmark.png (places/editBookmark.png)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

View file

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before After
Before After

View file

@ -123,24 +123,23 @@ body {
/* TITLES */ /* TITLES */
.newtab-title { .newtab-title {
padding: 0 8px; padding: 0 8px 1px;
background-color: rgba(248,249,251,.95); background-color: rgba(248,249,251,.95);
color: #1f364c; color: #1f364c;
line-height: 24px; line-height: 24px;
} }
.newtab-site[pinned] .newtab-title { .newtab-site[pinned] .newtab-title {
padding-inline-start: 24px; padding-inline-start: 16px;
} }
.newtab-site[pinned] .newtab-title::before { .newtab-site[pinned] .newtab-title::before {
background-image: url(chrome://browser/skin/newtab/controls.png); background-image: url(chrome://browser/skin/newtab/pinned.png);
background-position: -74px -1px;
content: ""; content: "";
left: 2px; left: 2px;
top: 2px; top: 2px;
position: absolute; position: absolute;
width: 20px; width: 12px;
height: 20px; height: 20px;
} }

View file

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 307 B

View file

@ -96,8 +96,9 @@ browser.jar:
skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css) skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css)
skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css) skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css)
* skin/classic/browser/newtab/newTab.css (newtab/newTab.css) * skin/classic/browser/newtab/newTab.css (newtab/newTab.css)
skin/classic/browser/newtab/controls.png (newtab/controls.png) skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png)
skin/classic/browser/newtab/noise.png (newtab/noise.png) skin/classic/browser/newtab/noise.png (../shared/newtab/noise.png)
skin/classic/browser/newtab/pinned.png (../shared/newtab/pinned.png)
skin/classic/browser/places/places.css (places/places.css) skin/classic/browser/places/places.css (places/places.css)
* skin/classic/browser/places/organizer.css (places/organizer.css) * skin/classic/browser/places/organizer.css (places/organizer.css)
skin/classic/browser/places/editBookmark.png (places/editBookmark.png) skin/classic/browser/places/editBookmark.png (places/editBookmark.png)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB