From f17bb54e6f70e7b0d23df6e97020e45746bc69bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rene=20Hamp=C3=B6lz?= <rene_git@hampoelz.net>
Date: Thu, 25 May 2023 17:41:41 +0000
Subject: [PATCH] chore: Add contacts

---
 .../app/themes/Nextcloud25/styles.css         | 80 +++++++++++++++++++
 1 file changed, 80 insertions(+)

diff --git a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
index 709b7eb57..6fe903ede 100644
--- a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
+++ b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
@@ -539,6 +539,15 @@ html.rl-left-panel-disabled #rl-app #rl-left {
     border-radius: var(--border-radius-pill) !important;
 }
 
+#rl-app .b-folders .btn.buttonCompose {
+    min-width: 16px;
+}
+
+#rl-app .b-folders .btn.buttonContacts {
+    min-width: 44px;
+    width: 44px;
+}
+
 #rl-app .b-footer.btn-toolbar .btn,
 #rl-app #V-SettingsPane .btn-toolbar .btn {
     background: transparent;
@@ -1708,6 +1717,77 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
     font-size: 20px;
 }
 
+/*
+ * contacts
+ */
+
+#rl-app #V-PopupsContacts .right,
+#rl-app #V-PopupsContacts .b-list-toolbar,
+#rl-app #V-PopupsContacts .b-list-footer-toolbar,
+#rl-app #V-PopupsContacts .b-view-content-toolbar {
+    border-color: var(--color-border);
+}
+
+#rl-app #V-PopupsContacts .b-list-toolbar {
+    height: 55px;
+}
+
+#rl-app #V-PopupsContacts .b-list-toolbar .e-search {
+    margin: 9px 5px;
+    width: unset;
+}
+
+#rl-app #V-PopupsContacts .b-view-content {
+    height: calc(100% - 72px);
+    margin-top: 20px;
+}
+
+#rl-app #V-PopupsContacts .b-list-content {
+    height: calc(100% - 35px - 72px);
+}
+
+#rl-app #V-PopupsContacts .e-contact-item {
+    padding: 4px;
+    margin: 2px 4px;
+    max-height: unset;
+    border-bottom: unset;
+    border-radius: var(--border-radius);
+}
+
+#rl-app #V-PopupsContacts .e-contact-item,
+#rl-app #V-PopupsContacts .e-contact-item.focused {
+    background-color: var(--color-background);
+    border-left-color: var(--color-border);
+}
+
+#rl-app #V-PopupsContacts .e-contact-item:hover,
+#rl-app #V-PopupsContacts .e-contact-item.focused:hover {
+    background-color: var(--color-background-hover);
+    border-left-color: var(--color-primary-light-hover);
+}
+
+#rl-app #V-PopupsContacts .e-contact-item.selected,
+#rl-app #V-PopupsContacts .e-contact-item.selected:hover {
+    background-color: var(--color-primary-element-light);
+    border-left-color: var(--color-primary-element-light-text);
+}
+
+#rl-app #V-PopupsContacts .e-contact-item.checked {
+    background-color: unset;
+    border-left-color: var(--color-primary-light-text);
+}
+
+#rl-app #V-PopupsContacts .e-contact-item.checked.focused {
+    background-color: inherit;
+    border-left-color: var(--color-primary-element-light-text);
+}
+
+#rl-app #V-PopupsContacts .e-contact-item.checked:hover,
+#rl-app #V-PopupsContacts .e-contact-item.checked.focused:hover {
+    background-color: var(--color-background-hover);
+    border-left-color: inherit;
+}
+
 /*
  * tabs
  */