22e67655ac
Use a GtkInfoBar to display to the user the message and related buttons instead of the message-inline HTML approach. Still needs some additional work to save per-message loading and displaying images from same sender in convo when "Always Show" is chosen. * src/client/conversation-viewer/conversation-message.vala: Reenable remote image related code, remove HTML-based UI management code. * src/client/components/main-window.vala (MainWindow::set_styling): Add some theme CSS to style the remote images infobar. * ui/conversation-message.ui: Add the remote images infobar.
92 lines
2 KiB
CSS
92 lines
2 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 18px calc(18px/2);
|
|
}
|
|
#conversation_listbox > row {
|
|
margin: 0;
|
|
border-width: 1px 1px 0;
|
|
padding: 0;
|
|
box-shadow: 0 4px 8px 1px rgba(0,0,0,0.4);
|
|
transition: margin 0.1s;
|
|
}
|
|
#conversation_listbox > row.show-message,
|
|
#conversation_listbox > row.composer {
|
|
margin-bottom: calc(18px/2);
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
#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;
|
|
}
|