geary/ui/geary.css
Michael James Gratton 9e7fee035a Tidy up ConversationMessage styling and state management.
* src/client/components/main-window.vala: Adjust theme CSS style to
  account for new widget classes. Fix style for last row in the convo
  listbox.

* src/client/conversation-viewer/conversation-message.vala: Decouple
  updating message state and updating message flags. Prefix CSS classes
  with "geary_" to prevent class name clashes.

* src/client/conversation-viewer/conversation-viewer.vala: Manually
  maintain a CSS class on the last row of the convo listbox to work
  around Bug 764710. Prefix CSS classes with "geary_" to prevent class
  name clashes.
  (ConversationViewer::on_update_flags): Renamed from update_flags since
  it is only ever called as a signal handler. Remove most of the work -
  it is now done by ConversationMessage.
2016-10-04 10:58:17 +11:00

111 lines
2.5 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;
}
ComposerEmbed GtkHeaderBar,
ComposerBox GtkHeaderBar,
GtkBox.vertical GtkHeaderBar {
border-radius: 0px;
}
.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;
}
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;
}
#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, background 0.15s;
}
#conversation_listbox > row > box {
background: shade(@theme_base_color, 0.96);
}
#conversation_listbox > row:hover,
#conversation_listbox > row > box.geary_show_body,
#conversation_listbox > row:hover > box.geary_show_body {
background: @theme_base_color;
}
#conversation_listbox > row.geary_expand,
#conversation_listbox > row.geary_composer {
margin-bottom: 18px;
border-bottom-width: 1px;
}
#conversation_listbox > row.geary_last {
margin-bottom: 0;
}
#ConversationMessage {
padding: 12px;
}
#ConversationMessage .header-label {
margin-right: 6px;
}
#ConversationMessage separator {
margin: 12px 0;
}
#ConversationMessage infobar {
border-radius: 2px;
margin-bottom: 12px;
}
#composer_embed headerbar {
border-radius: 0px;
}
#user_message {
border: 1px solid @borders;
border-left: 0;
border-right: 0;
background: @theme_base_color;
}