Revision control
Copy as Markdown
Other Tools
/* 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
#messengerBody {
flex: 1;
}
:root:not([tabsintitlebar]) .titlebar-buttonbox-container {
visibility: collapse;
}
:root[lwtheme] #tabmail {
text-shadow: none;
}
#messengerBox {
color: -moz-DialogText;
}
#messagepaneboxwrapper {
overflow: hidden;
}
#folderUnreadCol,
#folderTotalCol,
#folderSizeCol {
text-align: end;
}
#folderNameCol {
flex: 5 5;
}
/* ::::: thread decoration ::::: */
treechildren::-moz-tree-cell-text(read) {
font-weight: normal;
}
treechildren::-moz-tree-cell-text(unread) {
font-weight: bold;
}
:root[lwt-tree-brighttext] treechildren::-moz-tree-cell-text(untagged, unread) {
color: #fff !important;
}
/* on a collapsed thread, if the top level message is read, but the thread has
* unread children, underline the text. 4.x mac did this, very slick
*/
treechildren::-moz-tree-cell-text(container, closed, hasUnread, read) {
text-decoration: underline;
}
/* ..... grouped by sort header rows ..... */
treechildren::-moz-tree-row(dummy) {
background-color: var(--row-grouped-header-bg-color) !important;
border-color: transparent !important;
padding-inline-start: 2px;
margin-bottom: 1px;
}
treechildren::-moz-tree-row(dummy, selected, focus) {
background-color: var(--row-grouped-header-bg-color-selected) !important;
}
treechildren::-moz-tree-cell-text(dummy) {
font-weight: bold;
}
:root[lwt-tree] treechildren::-moz-tree-cell-text(dummy, selected) {
color: var(--sidebar-highlight-text-color);
}
#folderPickerTree {
& > treechildren::-moz-tree-image(folderNameCol) {
-moz-context-properties: fill, fill-opacity, stroke;
fill: color-mix(in srgb, var(--default) 20%, transparent);
stroke: var(--default);
}
& > treechildren::-moz-tree-image(folderNameCol, isServer-true) {
fill: color-mix(in srgb, var(--primary) 20%, transparent);
stroke: var(--primary);
}
& > treechildren::-moz-tree-image(selectedColumn) {
width: 14px;
height: 14px;
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity;
fill: currentColor;
stroke: currentColor;
fill-opacity: 0;
stroke-opacity: 0;
}
& > treechildren::-moz-tree-image(selectedColumn, selected-true) {
fill-opacity: 1;
}
& > treechildren::-moz-tree-image(selectedColumn, selected, focus) {
fill: var(--select-focus-text-color);
stroke: var(--select-focus-text-color);
}
}
/* ..... message pane adjustments ..... */
/* We need to hide overflow in messagepanebox, so that resizing doesn't spill
header content over the statusbar. */
#messagepanebox {
flex: 2 2;
overflow: hidden;
background-color: var(--layout-background-1);
}
/* splitter adjustments */
#folderpane_splitter,
#threadpane-splitter:not([orient="vertical"]) {
appearance: none;
border-width: 0;
min-width: 0;
width: 5px;
background-color: transparent;
margin-top: 0;
position: relative;
z-index: 10;
transition: border-width .3s ease-in;
}
#folderpane_splitter {
border-inline-start: 1px solid var(--splitter-color);
/* make only the splitter border visible */
margin-inline-end: -4px;
&[state="collapsed"]:hover {
border-inline-start: 4px solid var(--selected-item-color);
}
}
#threadpane-splitter {
appearance: none;
border-width: 0;
border-bottom: 1px solid var(--splitter-color);
min-height: 0;
height: 5px;
background-color: transparent;
margin-top: -5px;
position: relative;
z-index: 10;
transition: border-width 0.3s ease-in;
&:not([orient="vertical"]) {
border-inline-end: 1px solid var(--splitter-color);
/* make only the splitter border visible */
margin-inline-start: -4px;
}
&[state="collapsed"] {
transition: border-color 0.3s;
&:hover {
border-bottom: 4px solid var(--selected-item-color);
}
}
&[state="collapsed"]:not([orient="vertical"]):hover {
border-inline-end: 4px solid var(--selected-item-color);
}
}
/* Quick-Filter-Bar */
:root[lwtheme][lwt-tree] #quick-filter-bar {
background-color: var(--toolbar-bgcolor);
color: var(--lwt-text-color);
}
/* virtual folder list dialog */
:root:not([lwtheme]) #virtualFolderList {
background-color: -moz-dialog;
}
/* Global notification popup */
#notification-popup {
--panel-background: var(--arrowpanel-background);
--panel-color: var(--arrowpanel-color);
--panel-border-color: var(--arrowpanel-border-color);
--panel-border-radius: var(--arrowpanel-border-radius);
--panel-padding: var(--arrowpanel-padding);
margin-block: 0;
&::part(content) {
padding: 0;
overflow: hidden; /* Don't let panel content overflow the border */
}
}