dfe9e3d43a
Replace the dim-label hack with two distinct labels, themed using GTK CSS classes. Bug 765516. * src/client/conversation-viewer/conversation-message.vala (AddressFlowBoxChild::AddressFlowBoxChild): Construct a different Gtk.Label for each address part, add CSS classes to enable them to be styled. Pass an enum in to specify From addresses, rather than Pango markup attr values. Fix call sites. Remove now obsolete ::format_address() method, update call sites. * src/client/util/util-gtk.vala (pango_color_from_theme): Remove now unsed method. * ui/geary.css: Style the new address labels.
143 lines
3 KiB
CSS
143 lines
3 KiB
CSS
/*
|
|
* Copyright 2016 Software Freedom Conservancy Inc.
|
|
* Copyright 2016 Michael Gratton <mike@vee.net>
|
|
*
|
|
* This software is licensed under the GNU Lesser General Public License
|
|
* (version 2.1 or later). See the COPYING file in this distribution.
|
|
*/
|
|
|
|
.geary-folder-frame, /* GTK < 3.20 */
|
|
.geary-folder-frame > border {
|
|
border-left-width: 0;
|
|
border-top-width: 0;
|
|
border-right-width: 0;
|
|
}
|
|
.geary-conversation-frame, /* GTK < 3.20 */
|
|
.geary-conversation-frame > border {
|
|
border-left-width: 0;
|
|
border-top-width: 0;
|
|
border-right-width: 0;
|
|
}
|
|
/* For 3-pane mode only */
|
|
.geary-sidebar-pane-separator.vertical .conversation-frame, /* GTK < 3.20 */
|
|
.geary-sidebar-pane-separator.vertical .conversation-frame > border {
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.geary-composer-box > border {
|
|
border-width: 0px;
|
|
}
|
|
.geary-composer-body > border {
|
|
border-left-width: 0;
|
|
border-right-width: 0;
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.geary-titlebar-left:dir(ltr),
|
|
.geary-titlebar-right:dir(rtl) {
|
|
border-top-right-radius: 0px;
|
|
}
|
|
.geary-titlebar-right:dir(ltr),
|
|
.geary-titlebar-left:dir(rtl) {
|
|
border-top-left-radius: 0px;
|
|
}
|
|
|
|
/* FolderPopover */
|
|
|
|
row.geary-folder-popover-list-row {
|
|
padding: 6px;
|
|
border-color: @borders;
|
|
border-style: groove;
|
|
border-bottom-width: 1px;
|
|
}
|
|
row.geary-folder-popover-list-row > label {
|
|
color: @theme_text_color;
|
|
}
|
|
|
|
/* ConversationListBox */
|
|
|
|
.conversation-listbox {
|
|
padding: 18px;
|
|
}
|
|
.conversation-listbox > row {
|
|
margin: 0;
|
|
border: 1px solid @borders;
|
|
border-bottom-width: 0;
|
|
padding: 0;
|
|
box-shadow: 0 4px 8px 1px rgba(0,0,0,0.4);
|
|
transition: margin 0.1s;
|
|
}
|
|
.conversation-listbox > row > box {
|
|
background: @theme_base_color;
|
|
transition: background 0.25s;
|
|
}
|
|
.conversation-listbox > row:hover > box {
|
|
background: shade(@theme_base_color, 0.96);
|
|
}
|
|
.conversation-listbox > row.geary-expanded {
|
|
margin-bottom: 6px;
|
|
border-bottom-width: 1px;
|
|
}
|
|
.conversation-listbox > row.geary-match flowboxchild.geary-match {
|
|
color: @theme_selected_fg_color;
|
|
background: @theme_selected_bg_color;
|
|
}
|
|
.conversation-listbox > row.geary-last {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ConversationEmail */
|
|
|
|
.geary-unread .geary-message-summary {
|
|
border-color: @theme_selected_bg_color;
|
|
transition: border 0.25s;
|
|
}
|
|
|
|
/* ConversationMessage */
|
|
|
|
.geary-message-summary {
|
|
border-top: 4px solid transparent;
|
|
padding: 12px;
|
|
padding-top: 8px;
|
|
transition: border 4s;
|
|
}
|
|
|
|
.geary-headers label {
|
|
margin: 0;
|
|
padding: 1px;
|
|
}
|
|
.geary-headers label.geary-header {
|
|
padding-right: 6px;
|
|
}
|
|
.geary-headers flowboxchild {
|
|
margin: 0;
|
|
padding: 1px;
|
|
}
|
|
.geary-headers flowboxchild label {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.geary-headers label.geary-from {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.geary-submessages .geary-message {
|
|
background-image: linear-gradient(rgba(0,0,0,0.2), @bg_color 6px);
|
|
}
|
|
|
|
/* Composer */
|
|
|
|
.geary-composer-embed headerbar {
|
|
border-top: 1px solid @borders;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/* EmptyPlaceholder */
|
|
|
|
.geary-empty-placeholder > image {
|
|
margin-bottom: 12px;
|
|
}
|
|
.geary-empty-placeholder > .title {
|
|
font-weight: bold;
|
|
}
|