Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-09 03:15:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 854960 - implementing pinned state graphic on fx start tiles. Also fixes selected state. r=fryn

Browse Source
This commit is contained in:
Sam Foster 2013-04-19 11:56:07 +01:00
parent 6795f2ca31
commit 441a4df084
5 changed files with 50 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
browser/metro/theme/images/pinned-hdpi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
browser/metro/theme/images/pinned.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 999 B

BIN
browser/metro/theme/images/tile-selected-check-hdpi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 666 B

3
browser/metro/theme/jar.mn
View File

@ -82,5 +82,8 @@ chrome.jar:
skin/images/scrubber-hdpi.png (images/scrubber-hdpi.png)
skin/images/selection-monocle.png (images/selection-monocle.png)
skin/images/appbar-icons.png (images/appbar-icons.png)
skin/images/pinned-hdpi.png (images/pinned-hdpi.png)
skin/images/tile-selected-check-hdpi.png (images/tile-selected-check-hdpi.png)
skin/images/overlay-back.png (images/overlay-back.png)
skin/images/overlay-plus.png (images/overlay-plus.png)

61
browser/metro/theme/platform.css
View File

@ -473,9 +473,22 @@ richgriditem .richgrid-item-content {
background: #fff;
}
richgriditem[selected] .richgrid-item-content {
border: @metro_border_xthick@ solid @selected_color@;
padding: @metro_spacing_xxsmall@;
richgriditem[selected] .richgrid-item-content::after {
richgrid-item-content: "";
pointer-events: none;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(chrome://browser/skin/images/tile-selected-check-hdpi.png);
background-origin: border-box;
background-position: right 0 top 0;
background-repeat: no-repeat;
/* scale the image whatever the dppx */
background-size: 35px 35px;
border: @metro_border_xthick@ solid @selected_color@;
}
richgriditem .richgrid-icon-container {
@ -487,18 +500,38 @@ richgriditem .richgrid-icon-box {
background: #fff;
opacity: 1.0;
}
/* <sfoster> placeholder pinned-state indication, tracked as 854960 */
richgriditem[pinned] .richgrid-item-content:after {
content: "\2193";
text-align: center;
position: absolute;
width: 16px;
right: 0;
top: 0;
outline: 1px solid rgb(255,153,0);
background-color: rgba(255,153,0,0.6);
color: rgb(153,51,0);
/* tile pinned-state indication */
richgriditem[pinned] .richgrid-item-content::before {
pointer-events:none;
content: "";
display: block;
position: absolute;
width: 35px;
height: 35px;
right: 0;
left: auto;
top: 0;
background-image: url(chrome://browser/skin/images/pinned-hdpi.png);
background-position: center;
background-repeat: no-repeat;
/* scale the image whatever the dppx */
background-size: 70px 70px;
}
/* Selected _and_ pinned tiles*/
richgriditem[selected][pinned] .richgrid-item-content::before {
background-position: right -@metro_border_xthick@ top -@metro_border_xthick@;
width: 70px;
height: 70px;
}
richgriditem[pinned]:-moz-locale-dir(rtl) .richgrid-item-content::before {
left: 0;
right: auto;
}
richgriditem[customColor] {
color: #f1f1f1;
}