80680f280e
* src/client/components/main-window-info-bar.vala (MainWindowInfoBar): New class and UI file for displaying an info bar in the main window, as well as providing a way to show technical informartion if needed. * src/client/components/main-window.vala (MainWindow): Add a Gtk.Frame and container to hold inforbar instances. Show it when showing an infobar, and hide it when there are none. Add show_infobar() method to provide a cromulent way of adding info bars. * src/client/application/geary-controller.vala (BaseObject): Rather than bailing out on an account when an error occurs, display an info bar instead. * ui/geary.css: Style the info bar frame to only show a border between main content and the info bars.
162 lines
3.2 KiB
CSS
162 lines
3.2 KiB
CSS
/*
|
|
* Copyright 2016 Software Freedom Conservancy Inc.
|
|
* Copyright 2016, 2017 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.
|
|
*/
|
|
|
|
/* MainWindow */
|
|
|
|
.geary-folder-frame > border {
|
|
border-left-width: 0;
|
|
border-top-width: 0;
|
|
border-right-width: 0;
|
|
}
|
|
.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 > 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;
|
|
}
|
|
|
|
/* MainWindowInfoBarSet */
|
|
|
|
.geary-info-bar-frame > border {
|
|
border-top-width: 0;
|
|
border-left-width: 0;
|
|
border-right-width: 0;
|
|
}
|
|
|
|
/* 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 *.geary-matched *.geary-match {
|
|
color: @theme_selected_fg_color;
|
|
background: @theme_selected_bg_color;
|
|
}
|
|
.conversation-listbox > row.geary-last {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ConversationEmail */
|
|
|
|
.geary-unread grid.geary-message-summary {
|
|
border-color: @theme_selected_bg_color;
|
|
transition: border 0.25s;
|
|
}
|
|
|
|
/* ConversationMessage */
|
|
|
|
grid.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-header-value > flowboxchild:active {
|
|
background: mix(@theme_base_color, @theme_bg_color, 0.5);
|
|
}
|
|
|
|
.geary-header-value > flowboxchild:hover {
|
|
background: @theme_base_color;
|
|
}
|
|
|
|
.geary-header-value > flowboxchild label.dim-label {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.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;
|
|
}
|