Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-01-13 07:24:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 978338 - Update new tab site rendering for fixed ratio tile images [r=adw]

Browse Source 
Fix the size, margins, title, borders of tiles to new spec.
This commit is contained in:
Maxim Zhilyaev 2014-03-21 07:22:53 -07:00
parent ce96bf1ad5
commit ec4e90fb7e
4 changed files with 19 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
browser/base/content/newtab/newTab.css
View File

@ -82,6 +82,7 @@ input[type=button] {
display: -moz-box;
-moz-box-flex: 5;
-moz-box-orient: vertical;
-moz-box-pack: center;
min-width: 600px;
min-height: 400px;
transition: 100ms ease-out;
@ -102,13 +103,15 @@ input[type=button] {
display: -moz-box;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-moz-box-flex: 1;
-moz-box-pack: center;
}
/* CELLS */
.newtab-cell {
display: -moz-box;
-moz-box-flex: 1;
height: 150px;
margin: 16px;
width: 243px;
}
/* SITES */
@ -152,10 +155,11 @@ input[type=button] {
/* TITLES */
.newtab-title {
bottom: -20px;
position: absolute;
left: 0;
line-height: 20px;
right: 0;
bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

25
browser/themes/linux/newtab/newTab.css
View File

@ -80,22 +80,10 @@
background-position: -232px 0;
}
/* ROWS */
.newtab-row {
margin-bottom: 20px;
}
.newtab-row:last-child {
margin-bottom: 0;
}
/* CELLS */
.newtab-cell {
-moz-margin-end: 20px;
background-color: rgba(255,255,255,.2);
border: 1px solid;
border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
border-radius: 1px;
border: 1px solid #dee0e1;
transition: border-color 100ms ease-out;
}
@ -104,10 +92,6 @@
border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);
}
.newtab-cell:last-child {
-moz-margin-end: 0;
}
.newtab-cell:hover:not(:empty):not([dragged]) {
border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);
}
@ -138,10 +122,9 @@
/* TITLES */
.newtab-title {
padding: 0 8px;
background-color: rgba(248,249,251,.95);
color: #1f364c;
line-height: 24px;
color: #525c66;
font-family: sans-serif;
font-size: 13px;
}
/* CONTROLS */

25
browser/themes/osx/newtab/newTab.css
View File

@ -82,22 +82,10 @@
}
}
/* ROWS */
.newtab-row {
margin-bottom: 20px;
}
.newtab-row:last-child {
margin-bottom: 0;
}
/* CELLS */
.newtab-cell {
-moz-margin-end: 20px;
background-color: rgba(255,255,255,.2);
border: 1px solid;
border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
border-radius: 1px;
border: 1px solid #dee0e1;
transition: border-color 100ms ease-out;
}
@ -106,10 +94,6 @@
border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);
}
.newtab-cell:last-child {
-moz-margin-end: 0;
}
.newtab-cell:hover:not(:empty):not([dragged]) {
border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);
}
@ -140,10 +124,9 @@
/* TITLES */
.newtab-title {
padding: 0 8px;
background-color: rgba(248,249,251,.95);
color: #1f364c;
line-height: 24px;
color: #525c66;
font-family: Lucida Grande;
font-size: 13px;
}
/* CONTROLS */

25
browser/themes/windows/newtab/newTab.css
View File

@ -81,22 +81,10 @@
background-position: -232px 0;
}
/* ROWS */
.newtab-row {
margin-bottom: 20px;
}
.newtab-row:last-child {
margin-bottom: 0;
}
/* CELLS */
.newtab-cell {
-moz-margin-end: 20px;
background-color: rgba(255,255,255,.2);
border: 1px solid;
border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
border-radius: 1px;
border: 1px solid #dee0e1;
transition: border-color 100ms ease-out;
}
@ -105,10 +93,6 @@
border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);
}
.newtab-cell:last-child {
-moz-margin-end: 0;
}
.newtab-cell:hover:not(:empty):not([dragged]) {
border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);
}
@ -139,10 +123,9 @@
/* TITLES */
.newtab-title {
padding: 0 8px;
background-color: rgba(248,249,251,.95);
color: #1f364c;
line-height: 24px;
color: #525c66;
font-family: Segoe UI;
font-size: 13px;
}
/* CONTROLS */