components: Rework Folder Popover

- Do not use tags for service providers not using this metaphor
- Do not show folders with a dedicated button: Trash, Archive, ...
- Do not show folders as an IMAP path but as a human readable path (>INBOX>Folder vs Boîte de reception/Folder)
This commit is contained in:
Cédric Bellegarde 2022-07-18 13:54:39 +02:00
parent 8348f2ef19
commit 864a3135e3
12 changed files with 230 additions and 36 deletions

46
ui/folder-popover-row.ui Normal file
View file

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.20.0 -->
<interface>
<requires lib="gtk+" version="3.14"/>
<template class="FolderPopoverRow" parent="GtkListBoxRow">
<child>
<object class="GtkBox" id="container">
<property name="visible">True</property>
<property name="margin_start">6</property>
<property name="margin_end">6</property>
<property name="margin_top">6</property>
<property name="margin_bottom">6</property>
<property name="orientation">horizontal</property>
<property name="spacing">10</property>
<child>
<object class="GtkImage" id="image">
<property name="visible">True</property>
<property name="halign">start</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkLabel" id="label">
<property name="visible">True</property>
<property name="halign">start</property>
<property name="hexpand">True</property>
<property name="has_tooltip">True</property>
<property name="ellipsize">end</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
</object>
</child>
<style>
<class name="geary-folder-popover-list-row"/>
</style>
</template>
</interface>

View file

@ -29,14 +29,15 @@
</child>
<child>
<object class="GtkScrolledWindow" id="scrolled">
<property name="min_content_width">200</property>
<property name="width-request">300</property>
<property name="min_content_height">320</property>
<property name="visible">True</property>
<property name="shadow_type">in</property>
<property name="shadow_type">none</property>
<property name="hscrollbar_policy">never</property>
<child>
<object class="GtkListBox" id="list_box">
<property name="visible">True</property>
<property name="valign">start</property>
<property name="activate_on_single_click">True</property>
<signal name="row_activated" handler="on_row_activated" swapped="no"/>
<style>

View file

@ -68,12 +68,21 @@ revealer components-conversation-actions {
/* FolderPopover */
.geary-folder-popover-list {
border: 1px solid @borders;
border-radius: 3px;
padding: 0px;
}
row.geary-folder-popover-list-row {
padding: 6px;
border-color: @borders;
border-style: groove;
border-bottom-width: 1px;
border-bottom: 1px solid @borders;
}
row.geary-folder-popover-list-row:last-child {
border-bottom: none;
}
row.geary-folder-popover-list-row > label {
color: @theme_text_color;
}

View file

@ -40,6 +40,7 @@
<file compressed="true">conversation-web-view.js</file>
<file compressed="true" preprocess="xml-stripblanks">find_bar.glade</file>
<file compressed="true" preprocess="xml-stripblanks">folder-popover.ui</file>
<file compressed="true" preprocess="xml-stripblanks">folder-popover-row.ui</file>
<file compressed="true" preprocess="xml-stripblanks">gtk/help-overlay.ui</file>
<file compressed="true" preprocess="xml-stripblanks">password-dialog.glade</file>
<file compressed="true" preprocess="xml-stripblanks">problem-details-dialog.ui</file>