Bug 1092526 - Styles for about:downloads. r=josiah

This commit is contained in:
Richard Marti 2015-03-16 11:41:41 +01:00
Родитель 791301393e
Коммит 436b537505
12 изменённых файлов: 238 добавлений и 11 удалений

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

@ -6,17 +6,6 @@ richlistitem.download {
-moz-binding: url('chrome://messenger/content/downloads/download.xml#download');
}
#msgDownloadsRichListBox {
/** The default listbox appearance comes with an unwanted margin. **/
margin: 0;
display: -moz-box;
}
#msgDownloadsRichListBox > richlistitem.download {
height: 5em;
padding: 5px 8px;
}
#msgDownloadsListEmptyDescription {
display: none;
}

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

@ -1,6 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="chrome://global/skin/"?>
<?xml-stylesheet href="chrome://messenger/content/downloads/aboutDownloads.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/downloads/aboutDownloads.css" type="text/css"?>
<!-- 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/. -->
@ -12,8 +13,11 @@
<window id="aboutDownloads"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:xhtml="http://www.w3.org/1999/xhtml"
title="&aboutDownloads.title;"
onload="DownloadsView.init();">
<xhtml:link rel="shortcut icon"
href="chrome://messenger/skin/downloads/download.svg"/>
<script type="application/javascript"
src="chrome://global/content/globalOverlay.js"/>
<script type="application/javascript"

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

@ -98,6 +98,8 @@ classic.jar:
skin/classic/messenger/messengercompose/compose-toolbar-small.png (mail/compose/compose-toolbar-small.png)
skin/classic/messenger/messengercompose/format-buttons.png (mail/compose/format-buttons.png)
skin/classic/messenger/messengercompose/linux-noise.png (mail/compose/linux-noise.png)
skin/classic/messenger/downloads/download.svg (mail/downloads/download.svg)
skin/classic/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads.css)
% skin messenger-newsblog classic/1.0 %skin/classic/messenger-newsblog/
skin/classic/messenger-newsblog/feed-subscriptions.css (mail/newsblog/feed-subscriptions.css)
skin/classic/messenger-newsblog/icons/rss-feed.png (mail/newsblog/rss-feed.png)

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

@ -0,0 +1,47 @@
/* 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/. */
/*** Panel and outer controls ***/
#aboutDownloads {
background-color: #f1f1f1;
color: #424e5a;
padding: 18px;
}
#msgDownloadsListEmptyDescription {
margin: 1em;
text-align: center;
color: GrayText;
}
#msgDownloadsRichListBox {
/** The default listbox appearance comes with an unwanted margin. **/
-moz-appearance: none;
margin: 0;
}
#msgDownloadsRichListBox > richlistitem.download {
height: 5em;
padding: 5px 8px;
}
.fileTypeIcon {
-moz-margin-end: 8px;
/* Prevent flickering when changing states. */
min-height: 32px;
min-width: 32px;
}
.fileName {
margin-bottom: 3px;
cursor: inherit;
}
.size,
.startDate {
opacity: 0.7;
font-size: 95%;
cursor: inherit;
}

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

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16">
<path
d="m 8,14.5 6.5,-6 -4,0 0,-6.5 C 10.5,1.75 10.25,1.5 10,1.5 l -4,0 C 5.75,1.5 5.5,1.75 5.5,2 l 0,6.5 -4,0 z"
style="fill:#505050;fill-opacity:0.8;stroke:#505050;stroke-opacity:0.95;stroke-width:0.5;"/>
</svg>

После

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

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

@ -114,6 +114,8 @@ classic.jar:
skin/classic/messenger/messengercompose/format-buttons@2x.png (mail/compose/format-buttons@2x.png)
skin/classic/messenger/messengercompose/insert-menu.png (mail/compose/insert-menu.png)
skin/classic/messenger/messengercompose/insert-menu@2x.png (mail/compose/insert-menu@2x.png)
skin/classic/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads.css)
skin/classic/messenger/downloads/download.svg (mail/downloads/download.svg)
% skin messenger-newsblog classic/1.0 %skin/classic/messenger-newsblog/
skin/classic/messenger-newsblog/feed-subscriptions.css (mail/newsblog/feed-subscriptions.css)
skin/classic/messenger-newsblog/rss-feed.png (mail/newsblog/rss-feed.png)

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

@ -0,0 +1,47 @@
/* 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/. */
/*** Panel and outer controls ***/
#aboutDownloads {
background-color: #f1f1f1;
color: #424e5a;
padding: 18px;
}
#msgDownloadsListEmptyDescription {
margin: 1em;
text-align: center;
color: GrayText;
}
#msgDownloadsRichListBox {
/** The default listbox appearance comes with an unwanted margin. **/
-moz-appearance: none;
margin: 0;
}
#msgDownloadsRichListBox > richlistitem.download {
height: 6em;
padding: 5px 8px;
}
.fileTypeIcon {
-moz-margin-end: 8px;
/* Ensure icons are displayed at 32px size even on Retina display */
height: 32px;
width: 32px;
}
.fileName {
margin-bottom: 3px;
cursor: inherit;
}
.size,
.startDate {
opacity: 0.7;
font-size: 95%;
cursor: inherit;
}

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

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16">
<path
d="m 8,14.5 6.5,-6 -4,0 0,-6.5 C 10.5,1.75 10.25,1.5 10,1.5 l -4,0 C 5.75,1.5 5.5,1.75 5.5,2 l 0,6.5 -4,0 z"
style="fill:#4d4d4d;stroke:#4d4d4d;stroke-width:0.5;"/>
</svg>

После

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

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

@ -129,6 +129,8 @@ classic.jar:
skin/classic/messenger/messengercompose/compose-toolbar-small.png (mail/compose/compose-toolbar-small.png)
skin/classic/messenger/messengercompose/noise.png (mail/compose/noise.png)
skin/classic/messenger/messengercompose/format-buttons.png (mail/compose/format-buttons.png)
* skin/classic/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads.css)
skin/classic/messenger/downloads/download.svg (mail/downloads/download.svg)
skin/classic/messenger/preferences/alwaysAsk.png (mail/preferences/alwaysAsk.png)
skin/classic/messenger/preferences/application.png (mail/preferences/application.png)
skin/classic/messenger/preferences/preferences.css (mail/preferences/preferences.css)
@ -409,6 +411,8 @@ classic.jar:
skin/classic/aero/messenger/messengercompose/compose-toolbar-inverted.png (mail/compose/compose-toolbar-aero-inverted.png)
skin/classic/aero/messenger/messengercompose/noise.png (mail/compose/noise.png)
skin/classic/aero/messenger/messengercompose/format-buttons.png (mail/compose/format-buttons-aero.png)
* skin/classic/aero/messenger/downloads/aboutDownloads.css (mail/downloads/aboutDownloads-aero.css)
skin/classic/aero/messenger/downloads/download.svg (mail/downloads/download.svg)
skin/classic/aero/messenger/preferences/alwaysAsk.png (mail/preferences/alwaysAsk.png)
skin/classic/aero/messenger/preferences/application.png (mail/preferences/application.png)
* skin/classic/aero/messenger/preferences/preferences.css (mail/preferences/preferences-aero.css)

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

@ -0,0 +1,36 @@
%if 0
/* 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/. */
%endif
%define WINDOWS_AERO
%include aboutDownloads.css
%undef WINDOWS_AERO
@media (-moz-windows-default-theme) {
/*
-moz-appearance: menuitem is almost right, but the hover effect is not
transparent and is lighter than desired.
Copied from the autocomplete richlistbox styling in
toolkit/themes/windows/global/autocomplete.css
This styling should be kept in sync with the style from the above file.
*/
#msgDownloadsRichListBox > richlistitem.download[selected] {
color: inherit;
background-color: transparent;
/* four gradients for the bevel highlights on each edge, one for blue background */
background-image:
linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, transparent 3px),
linear-gradient(to right, rgba(255,255,255,0.5) 3px, transparent 3px),
linear-gradient(to left, rgba(255,255,255,0.5) 3px, transparent 3px),
linear-gradient(to top, rgba(255,255,255,0.4) 3px, transparent 3px),
linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3));
background-clip: content-box;
border-radius: 6px;
outline: 1px solid rgb(124,163,206);
-moz-outline-radius: 3px;
outline-offset: -2px;
}
}

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

@ -0,0 +1,52 @@
/* 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/. */
/*** Panel and outer controls ***/
#aboutDownloads {
background-color: #f1f1f1;
color: #424e5a;
padding: 18px;
}
#msgDownloadsListEmptyDescription {
margin: 1em;
text-align: center;
color: GrayText;
}
#msgDownloadsRichListBox {
/** The default listbox appearance comes with an unwanted margin. **/
-moz-appearance: none;
margin: 0;
}
#msgDownloadsRichListBox > richlistitem.download {
height: 6em;
%ifndef WINDOWS_AERO
padding: 5px 8px;
%endif
}
.fileTypeIcon {
-moz-margin-end: 8px;
%ifdef WINDOWS_AERO
-moz-margin-start: 8px;
%endif
/* explicitly size the icon, so size doesn't vary on hidpi systems */
height: 32px;
width: 32px;
}
.fileName {
margin-bottom: 3px;
cursor: inherit;
}
.size,
.startDate {
opacity: 0.7;
font-size: 95%;
cursor: inherit;
}

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

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 16 16">
<defs>
<linearGradient
id="gradient1"
x1="8"
y1="1"
x2="8"
y2="15"
gradientUnits="userSpaceOnUse">
<stop stop-color="#3f4f5a" offset="0"/>
<stop stop-color="#7e8c97" offset="1"/>
</linearGradient>
<linearGradient
id="gradient2"
x1="8"
y1="1"
x2="8"
y2="15"
gradientUnits="userSpaceOnUse">
<stop stop-color="#0c1b25" offset="0"/>
<stop stop-color="#4f585f" stop-opacity="0.9" offset="1"/>
</linearGradient>
</defs>
<path
d="m 8,14.5 6.5,-6 -4,0 0,-6.5 C 10.5,1.75 10.25,1.5 10,1.5 l -4,0 C 5.75,1.5 5.5,1.75 5.5,2 l 0,6.5 -4,0 z"
style="fill:url(#gradient1);stroke:url(#gradient2);stroke-width:0.5;"/>
</svg>

После

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