[incubator-ponymail-foal] 01/03: fixcups for narrow list view with compact mode

[humbedooh]

This is an automated email from the ASF dual-hosted git repository.

humbedooh pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-ponymail-foal.git

commit e8748da16eb2a30087c10bb458029577af541f5f
Author: Daniel Gruno <humbed...@apache.org>
AuthorDate: Sun Nov 21 18:18:09 2021 +0100

    fixcups for narrow list view with compact mode
---
 webui/css/scaffolding.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/webui/css/scaffolding.css b/webui/css/scaffolding.css
index 251bf78..bd00a4f 100644
--- a/webui/css/scaffolding.css
+++ b/webui/css/scaffolding.css
@@ -600,6 +600,18 @@ a.dropdown-toggle {
     min-width: 300px;
     animation: fadein 0.5s;
   }
+
+  .listview_email_compact {
+    min-width: 300px;
+    height: 32px;
+    animation: fadein 0.5s;
+  }
+
+  .listview_email_compact .listview_email_subject {
+      display: block;
+      line-height: 38px;
+      margin-left: 24px;
+  }
   
   @keyframes fadein {
       from {
@@ -828,12 +840,21 @@ a.dropdown-toggle {
     border-left: 3px solid #AAA;
 }
 
+.listview_email_compact:first-of-type {
+    border: 1.25px solid #CCC9;
+    border-left: 3px solid #AAA;
+}
 
 .listview_email_flat:hover {
     border-left: 3px solid #369;
     background: #FFE;
 }
 
+.listview_email_compact:hover {
+    border-left: 3px solid #369;
+    background: #FFE;
+}
+
 .listview_kbd {
   padding: 2px 2px;
   margin: 3px;