wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bug 518212: revise styling of alert boxes / bookmarking popup [r=gavin.sharp]

Browse Source
This commit is contained in:
Mark Finkle 2009-10-26 01:41:11 -04:00
parent b3c80ed8c3
commit 5b8c677310
14 changed files with 50 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
mobile/chrome/content/browser.xul
View File

@ -301,15 +301,17 @@
</hbox>
</vbox>
<vbox id="newtab-popup" hidden="true" class="panel-dark" onclick="NewTabPopup.selectTab()" align="center" left="21">
<vbox id="newtab-popup" hidden="true" class="dialog-dark" onclick="NewTabPopup.selectTab()" align="center" left="21">
<label/>
</vbox>
<vbox id="bookmark-popup" hidden="true" class="panel-dark" oncommand="BookmarkPopup.hide()" align="center">
<vbox id="bookmark-popup" hidden="true" class="dialog-dark" oncommand="BookmarkPopup.hide()" align="center">
<label value="&bookmarkPopup.label;"/>
<separator class="thin"/>
<vbox>
<button id="bookmark-popup-edit" label="&bookmarkEdit.label;" oncommand="BookmarkHelper.edit(); BrowserUI.hideControls();"/>
<button id="bookmark-popup-remove" label="&bookmarkRemove.label;" oncommand="removeBookmarksForURI(getBrowser().currentURI);"/>
<button id="bookmark-popup-edit" label="&bookmarkEdit.label;" class="button-dark" oncommand="BookmarkHelper.edit(); BrowserUI.hideControls();"/>
<spacer/>
<button id="bookmark-popup-remove" label="&bookmarkRemove.label;" class="button-dark" oncommand="removeBookmarksForURI(getBrowser().currentURI);"/>
</vbox>
</vbox>
@ -477,7 +479,7 @@
</vbox>
<!-- alerts for content -->
<hbox id="alerts-container" hidden="true" align="start" top="0" left="0" width="200"
<hbox id="alerts-container" hidden="true" align="start" class="dialog-dark" top="0" left="0"
onclick="AlertsHelper.click(event);">
<image id="alerts-image"/>
<vbox flex="1">

2
mobile/chrome/content/downloads.js
View File

@ -37,7 +37,7 @@
Components.utils.import("resource://gre/modules/DownloadUtils.jsm");
const URI_GENERIC_ICON_DOWNLOAD = "chrome://mozapps/skin/downloads/downloadIcon.png";
const URI_GENERIC_ICON_DOWNLOAD = "chrome://browser/skin/images/alert-downloads-30.png";
var DownloadsView = {
_initialized: false,

2
mobile/chrome/content/extensions.js
View File

@ -41,7 +41,7 @@ const PREFIX_NS_EM = "http://www.mozilla.org/2004/em-rdf#";
const PREF_GETADDONS_REPOSITORY = "extensions.getAddons.repository";
const PREF_GETADDONS_MAXRESULTS = "extensions.getAddons.maxResults";
const URI_GENERIC_ICON_XPINSTALL = "chrome://mozapps/skin/xpinstall/xpinstallItemGeneric.png";
const URI_GENERIC_ICON_XPINSTALL = "chrome://browser/skin/images/alert-addons-30.png";
var ExtensionsView = {
_extmgr: null,

23
mobile/themes/hildon/browser.css
View File

@ -864,25 +864,26 @@ settings .settings-title {
}
/* alerts popup ----------------------------------------------------------- */
#bookmark-popup,
#newtab-popup,
#alerts-container {
color: #000;
background-color: #fff;
border: 0.25mm solid gray;
-moz-border-radius: 1mm;
padding: 1mm; /* core spacing */
-moz-box-shadow: black 0.25mm 0.25mm 0.5mm;
@media (orientation: landscape) {
#alerts-container {
width: 300px;
}
}
@media (orientation: portrait) {
#alerts-container {
width: 200px;
}
}
#alerts-text {
font-size: 2.4mm !important;
font-size: 1.8mm !important;
white-space: pre-wrap;
}
/* helperapp (save-as) popup ----------------------------------------------- */
#helperapp-target {
font-size: 2.4mm !important;
font-size: 1.8mm !important;
}
/* form popup -------------------------------------------------------------- */

BIN
mobile/themes/hildon/images/alert-addons-30.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 B

BIN
mobile/themes/hildon/images/alert-downloads-30.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 B

2
mobile/themes/hildon/jar.mn
View File

@ -29,6 +29,8 @@ chrome.jar:
images/stop-30.png (images/stop-30.png)
images/reload-30.png (images/reload-30.png)
images/go-30.png (images/go-30.png)
images/alert-addons-30.png (images/alert-addons-30.png)
images/alert-downloads-30.png (images/alert-downloads-30.png)
images/addons-default-64.png (images/addons-default-64.png)
images/addons-active-64.png (images/addons-active-64.png)
images/back-default-64.png (images/back-default-64.png)

4
mobile/themes/hildon/platform.css
View File

@ -94,13 +94,13 @@ textbox[isempty="true"] {
.dialog-dark {
color: #fff;
background-color: #36373b;
border: 0.3mm solid #262629;
-moz-border-radius: 1mm 1mm 1mm 1mm;
padding: 8px;
padding: 1mm;
-moz-box-shadow: black 0 0.25mm 0.25mm;
}
/* prompt dialogs ---------------------------------------------------------- */
dialog {
font-size: 2.4mm !important;
}

7
mobile/themes/wince/browser-low.css
View File

@ -355,6 +355,13 @@ box[type="documenttab"] .documenttab-close {
margin-left: 28px; /* sized based on the 32px addon image */
}
/* alerts popup ----------------------------------------------------------- */
/* XXX: hack to get the 30px images to a low res size */
#alerts-image {
width: 16px;
height: 16px;
}
/* select popup ------------------------------------------------------------ */
#select-list > option[selected="true"] > image {
list-style-image: url("chrome://browser/skin/images/check-24.png");

22
mobile/themes/wince/browser.css
View File

@ -559,19 +559,21 @@ settings .settings-title {
}
/* alerts popup ----------------------------------------------------------- */
#bookmark-popup,
#newtab-popup,
#alerts-container {
color: #000;
background-color: #fff;
border: 0.25mm solid gray;
-moz-border-radius: 1.0mm;
padding: 1.1mm; /* core spacing */
-moz-box-shadow: black 0.25mm 0.25mm 0.5mm;
/* not dependent on high and low */
@media (orientation: landscape) {
#alerts-container {
width: 300px;
}
}
@media (orientation: portrait) {
#alerts-container {
width: 200px;
}
}
#alerts-text {
font-size: 85% !important;
font-size: 8pt !important;
white-space: pre-wrap;
}

BIN
mobile/themes/wince/images/alert-addons-30.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 B

BIN
mobile/themes/wince/images/alert-downloads-30.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 B

4
mobile/themes/wince/jar.mn
View File

@ -29,6 +29,8 @@ chrome.jar:
images/reload-30.png (images/reload-30.png)
images/go-30.png (images/go-30.png)
images/bookmarks-30.png (images/bookmarks-30.png)
images/alert-addons-30.png (images/alert-addons-30.png)
images/alert-downloads-30.png (images/alert-downloads-30.png)
images/addons-default-64.png (images/addons-default-64.png)
images/addons-active-64.png (images/addons-active-64.png)
images/back-default-64.png (images/back-default-64.png)
@ -115,6 +117,8 @@ chrome.jar:
images/go-16.png (images/go-16.png)
images/reload-16.png (images/reload-16.png)
images/stop-16.png (images/stop-16.png)
images/alert-addons-16.png (images/alert-addons-16.png)
images/alert-downloads-16.png (images/alert-downloads-16.png)
images/check-24.png (images/check-24.png)
images/favicon-default-24.png (images/favicon-default-24.png)
images/star-24.png (images/star-24.png)

4
mobile/themes/wince/platform.css
View File

@ -66,13 +66,13 @@ textbox[isempty="true"] {
.dialog-dark {
color: #fff;
background-color: #36373b;
border: 0.3mm solid #262629;
-moz-border-radius: 1mm 1mm 1mm 1mm;
padding: 8px;
padding: 1mm;
-moz-box-shadow: black 0 0.25mm 0.25mm;
}
/* prompt dialogs ---------------------------------------------------------- */
dialog {
font-size: 9pt !important;
}