quattro: fix PM aside template

[friendica.git] / view / theme / quattro / quattro.less

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 631a63333a6ebbb91596e5dd335a2f74a0c5a99d..abbf447cbb7b8a7ea593a1ae4be8cadd5438992b 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -1599,6 +1599,25 @@ ul.tabs {
        .mail-delete { float: right; }
 }
 
+#message-preview {
+       margin-top: 1em;
+       box-sizing: border-box;
+       * {  box-sizing: border-box;    white-space: nowrap;}
+       .mail-list-wrapper {
+               .mail-subject {
+                       width: 100%;
+               }
+               .mail-date  { font-size: 0.8em; width: 25%; text-align: right}
+               .mail-from  { font-size: 0.8em; width: 75%;}
+               .mail-count { font-size: 0.8em; width: 100%;}
+               .mail-delete { display: none;}
+
+               & .mail-date, & .mail-from, & .mail-count { .opaque(0.5); }
+               &:hover .mail-date, &:hover .mail-from, &:hover .mail-count { .opaque(1); }
+       }
+}
+
+
 #mail-display-subject {
        background-color: @MailDisplaySubjectBackgroundColor;
        color: @MailDisplaySubjectColor;
@@ -1816,4 +1835,3 @@ footer { height: 100px; display: table-row; }
 .fbrowser.file p  { display: inline; white-space: nowrap; }
 
 .fbrowser .upload { clear: both; padding-top: 1em;}
-