Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-03-05 16:22:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug #217475 --> UI alignment issues in default theme

Browse Source 
thanks to Jon Henry for the patch!
This commit is contained in:
scott%scott-macgregor.org 2003-12-08 23:52:31 +00:00
parent 2efd5657a3
commit b3612d5051
3 changed files with 174 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
mail/base/content/messenger.xul
View File

@ -148,9 +148,11 @@
<vbox id="folderPaneBox" minwidth="100" width="200" persist="collapsed width">
<sidebarheader id="folderPaneHeader" align="center">
<hbox id="folderPaneHeaderContainer">
<sidebarheader id="folderPaneHeader" align="center" flex="1">
<label id="folderpane-title" value="&folderPaneHeader.label;"/>
</sidebarheader>
</hbox>
<tree id="folderTree" class="plain focusring" flex="1" seltype="single" selstyle="primary"
context="folderPaneContext"
@ -241,7 +243,7 @@
</tree>
</vbox>
<splitter id="gray_vertical_splitter" collapse="before" persist="state"/>
<splitter id="folderpane_splitter" collapse="before" persist="state"/>
<vbox flex="1">
<hbox id="searchBox"/>

239
mail/base/skin/mailWindow1.css
View File

@ -36,14 +36,22 @@ treechildren::-moz-tree-image(folderNameCol) {
margin-right: 2px;
list-style-image: url("chrome://messenger/skin/icons/folder-closed.png");
}
treechildren::-moz-tree-image(folderNameCol, selected, open) {
list-style-image: url("chrome://messenger/skin/icons/folder-open.png");
}
treechildren::-moz-tree-image(folderNameCol, selected, open, newMessages-true) {
list-style-image: url("chrome://messenger/skin/icons/folder-new-open.png");
}
treechildren::-moz-tree-image(folderNameCol, selected, open) {
list-style-image: url("chrome://messenger/skin/icons/folder-open.png");
}
treechildren::-moz-tree-image(folderNameCol, selected, open, newMessages-true) {
list-style-image: url("chrome://messenger/skin/icons/folder-new-open.png");
}
treechildren::-moz-tree-image(folderNameCol, newMessages-true) {
list-style-image: url("chrome://messenger/skin/icons/folder-new-closed.png");
@ -94,8 +102,10 @@ treechildren::-moz-tree-image(folderNameCol, specialFolder-Junk) {
treechildren::-moz-tree-image(folderNameCol, specialFolder-Trash) {
list-style-image: url("chrome://messenger/skin/icons/folder-trash.png");
}
/* ..... Servers ..... */
/* ..... Servers ..... */
treechildren::-moz-tree-image(folderNameCol, isServer-true) {
list-style-image: url("chrome://messenger/skin/icons/server-mail.png");
@ -123,11 +133,16 @@ treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-pop3, isS
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-imap, isSecure-true) {
list-style-image: url("chrome://messenger/skin/icons/server-remote-lock.png");
}
treechildren::-moz-tree-image(folderNameCol, biffState-NewMail, isServer-true, isSecure-true) {
list-style-image: url("chrome://messenger/skin/icons/server-remote-lock-new.png");
}
}
treechildren::-moz-tree-image(folderNameCol, biffState-NewMail, isServer-true, isSecure-true) {
list-style-image: url("chrome://messenger/skin/icons/server-remote-lock-new.png");
}
treechildren::-moz-tree-image(folderNameCol, isServer-true, serverType-none) {
list-style-image: url("chrome://messenger/skin/icons/server-local.png");
@ -194,7 +209,8 @@ treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
/* ..... thread column ..... */
treecol.threadColumnHeader {
list-style-image: url("chrome://messenger/skin/icons/thread-col.png");
list-style-image: url("chrome://messenger/skin/icons/thread-col.png");
padding-right: 3px;
}
@ -225,8 +241,10 @@ treechildren::-moz-tree-image(threadCol, container, hasUnread, open) {
/* ..... read column ..... */
treecol.readColumnHeader {
list-style-image: url("chrome://messenger/skin/icons/readcol.png");
padding-right: 5px;
list-style-image: url("chrome://messenger/skin/icons/readcol.png");
padding-right: 5px;
padding-bottom: 5px;
}
@ -241,7 +259,8 @@ treechildren::-moz-tree-image(unreadButtonColHeader, unread) {
/* ..... attachment column ..... */
treecol.attachmentColumnHeader {
list-style-image: url("chrome://messenger/skin/icons/attachment-col.png");
list-style-image: url("chrome://messenger/skin/icons/attachment-col.png");
padding-right: 5px;
}
@ -252,7 +271,8 @@ treechildren::-moz-tree-image(attachmentCol, attach) {
/* ..... flag column ..... */
treecol.flagColumnHeader {
list-style-image: url("chrome://messenger/skin/icons/flag-col.png");
list-style-image: url("chrome://messenger/skin/icons/flag-col.png");
padding-right: 5px;
}
@ -267,7 +287,8 @@ treechildren::-moz-tree-image(flaggedCol, flagged) {
/* ..... junkStatus column ..... */
treecol.junkStatusHeader {
list-style-image: url("chrome://messenger/skin/icons/junk-col.png");
list-style-image: url("chrome://messenger/skin/icons/junk-col.png");
padding-right: 5px;
}
@ -292,61 +313,111 @@ treechildren::-moz-tree-image(subjectCol) {
margin-right: 2px;
list-style-image: url("chrome://messenger/skin/icons/message-mail.png ");
}
treechildren::-moz-tree-image(subjectCol, read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-read.png");
}
treechildren::-moz-tree-image(subjectCol, read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-read.png");
}
treechildren::-moz-tree-image(subjectCol, new) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-new.png");
}
treechildren::-moz-tree-image(subjectCol, forwarded) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-forwarded.png");
}
treechildren::-moz-tree-image(subjectCol, forwarded, read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-forwarded-read.png");
}
treechildren::-moz-tree-image(subjectCol, replied) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied.png");
}
treechildren::-moz-tree-image(subjectCol, replied, read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied-read.png");
}
treechildren::-moz-tree-image(subjectCol, replied, forwarded) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied-forw.png");
}
treechildren::-moz-tree-image(subjectCol, replied, forwarded,read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied-forw-read.png");
}
/* IMPORTANT: make sure the imap-deleted column always comes after the replied/forwarded style rules.
This ensures that we show that the message is marked as deleted over status information. */
treechildren::-moz-tree-image(subjectCol, imapdeleted) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdelete.png");
}
/* IMPORTANT: make sure our style rules for news articles always come after the message replied/forward style rules.
This ensures that we show news post artwork even when the article is replied to. We could probably also fix this
by adding more qualifiers to our CSS */
treechildren::-moz-tree-image(subjectCol, news) {
list-style-image: url("chrome://messenger/skin/icons/message-news.png");
}
treechildren::-moz-tree-image(subjectCol, news, attach, offline) {
list-style-image: url("chrome://messenger/skin/icons/message-news-attach-offl.gif");
}
treechildren::-moz-tree-image(subjectCol, news, new) {
list-style-image: url("chrome://messenger/skin/icons/message-news-new.png");
}
treechildren::-moz-tree-image(subjectCol, forwarded) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-forwarded.png");
}
treechildren::-moz-tree-image(subjectCol, forwarded, read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-forwarded-read.png");
}
treechildren::-moz-tree-image(subjectCol, replied) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied.png");
}
treechildren::-moz-tree-image(subjectCol, replied, read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied-read.png");
}
treechildren::-moz-tree-image(subjectCol, replied, forwarded) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied-forw.png");
}
treechildren::-moz-tree-image(subjectCol, replied, forwarded,read) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-replied-forw-read.png");
}
/* IMPORTANT: make sure the imap-deleted column always comes after the replied/forwarded style rules.
This ensures that we show that the message is marked as deleted over status information. */
treechildren::-moz-tree-image(subjectCol, imapdeleted) {
list-style-image: url("chrome://messenger/skin/icons/message-mail-imapdelete.png");
}
/* IMPORTANT: make sure our style rules for news articles always come after the message replied/forward style rules.
This ensures that we show news post artwork even when the article is replied to. We could probably also fix this
by adding more qualifiers to our CSS */
treechildren::-moz-tree-image(subjectCol, news) {
list-style-image: url("chrome://messenger/skin/icons/message-news.png");
}
treechildren::-moz-tree-image(subjectCol, news, attach, offline) {
list-style-image: url("chrome://messenger/skin/icons/message-news-attach-offl.gif");
}
treechildren::-moz-tree-image(subjectCol, news, new) {
list-style-image: url("chrome://messenger/skin/icons/message-news-new.png");
}
/* ..... new thread icons for watch and ignore ..... */
@ -915,10 +986,30 @@ treechildren::-moz-tree-cell-text(lc-black, selected) {
height: 0px;
}
/* ..... folder pane adjustments ..... */
#folderPaneHeaderContainer {
border-left: 1px solid ThreeDShadow;
}
#folderPaneHeader {
height: 28px;
border-bottom: none;
border-left: 1px solid ThreeDHighlight;
border-top: 1px solid ThreeDHighlight;
}
/* ::::: border adjustments for focus ring and joined splitters ::::: */
/* ..... splitter adjustments ..... */
#folderpane_splitter {
border-top: 1px solid ThreeDHighlight;
border-left: none;
border-right: none;
border-bottom: none;
}
#gray_vertical_splitter,
#threadpane-splitter {
border: none;
@ -932,9 +1023,9 @@ treechildren::-moz-tree-cell-text(lc-black, selected) {
}
#searchBox {
border-top: 1px solid transparent;
border-right: 1px solid ThreeDShadow;
border-bottom: 1px solid transparent;
border-top: 1px solid ThreeDHighlight;
border-right: 2px solid;
-moz-border-right-colors: ThreeDHighlight ThreeDShadow;
}
/* ..... message pane adjustments ..... */

11
mail/base/skin/messageHeader.css
View File

@ -103,17 +103,14 @@ description[selectable="true"]:focus > descriptionitem[selected="true"]
#attachmentView
{
border-right: 1px solid ThreeDShadow;
border-left: 1px solid ThreeDShadow;
border-top: 1px solid ThreeDShadow;
border-bottom: none;
background-color: -moz-Dialog;
}
/* ::::: msg header captions ::::: */
#msgHeaderView {
border-right: 1px solid ThreeDShadow;
border-left: 1px solid ThreeDShadow;
-moz-appearance: toolbox;
background-color: -moz-Dialog;
}
@ -164,8 +161,10 @@ description[selectable="true"]:focus > descriptionitem[selected="true"]
/* ::::: email address twisty ::::: */
.addresstwisty {
padding-right: 5px;
.addresstwisty {
padding-right: 5px;
padding-top: 4px;
list-style-image: url("chrome://global/skin/tree/twisty-clsd.gif");
}