From 5dd0eaefe022655e5e20e332e46208baf614db8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rene=20Hamp=C3=B6lz?= <rene_git@hampoelz.net>
Date: Mon, 20 Feb 2023 12:46:06 +0000
Subject: [PATCH] chore: Add textareas

---
 .../app/themes/Nextcloud25/styles.css         | 54 ++++++++++++++++---
 1 file changed, 47 insertions(+), 7 deletions(-)

diff --git a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
index ba38ad626..bcc79ad94 100644
--- a/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
+++ b/integrations/nextcloud/snappymail/app/themes/Nextcloud25/styles.css
@@ -635,6 +635,45 @@ select option {
     /* TODO */
 }
 
+/*
+ * textareas
+ */
+
+#rl-app .squire-toolbar {
+    height: 50px;
+    box-sizing: content-box;
+    border-color: var(--color-border);
+}
+
+#rl-app textarea,
+#rl-app div[contenteditable],
+#rl-app .squire-wysiwyg,
+#rl-app .squire-plain {
+    padding: 8px 12px;
+    margin: unset;
+    font-size: var(--default-font-size);
+    color: var(--color-main-text);
+    background-color: unset;
+    outline: none;
+    border: 2px solid var(--color-border-dark);
+    border-radius: var(--border-radius-large);
+}
+
+#rl-app textarea:hover,
+#rl-app div[contenteditable=true]:hover,
+#rl-app .squire-wysiwyg:hover,
+#rl-app .squire-plain:hover,
+#rl-app textarea:active,
+#rl-app div[contenteditable=true]:active,
+#rl-app .squire-wysiwyg:active,
+#rl-app .squire-plain:active,
+#rl-app textarea:focus,
+#rl-app div[contenteditable=true]:focus,
+#rl-app .squire-wysiwyg:focus,
+#rl-app .squire-plain:focus {
+    border-color: var(--color-primary-element);
+}
+
 /*
  * checkboxes
  */
@@ -1364,6 +1403,13 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
     background-color: transparent;
 }
 
+::-webkit-resizer {
+    border: 10px solid transparent;
+    border-radius: var(--border-radius);
+    border-bottom-color: var(--color-border-dark);
+    border-right-color: var(--color-border-dark);
+}
+
 #rl-app::selection {
     background-color: var(--color-primary-element);
     color: var(--color-primary-text);
@@ -1387,14 +1433,8 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar
     background: unset;
 }
 
-#rl-app .squire-toolbar {
-    height: 50px;
-    box-sizing: content-box;
-}
-
 #rl-app dialog > header,
-#rl-app dialog > footer,
-#rl-app .squire-toolbar {
+#rl-app dialog > footer {
     border-color: var(--color-border);
 }