Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/nextcloud/mail.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChristoph Wurst <christoph@winzerhof-wurst.at>2022-09-08 19:39:01 +0300
committerChristoph Wurst <christoph@winzerhof-wurst.at>2022-09-08 19:39:01 +0300
commit21205bd31267c8d4bef6cff8632e3269df25b710 (patch)
tree7da67946cad2a1ae4169ec656df384350d5e107e
parent293edc7eee21614b27a051653fc1fe9aec5568b9 (diff)
Fine-tune padding of composer elementsenhancement/fine-tune-composer-element-paddings
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
-rw-r--r--src/components/Composer.vue45
1 files changed, 21 insertions, 24 deletions
diff --git a/src/components/Composer.vue b/src/components/Composer.vue
index c9e07ba08..6d8c847d3 100644
--- a/src/components/Composer.vue
+++ b/src/components/Composer.vue
@@ -1334,13 +1334,27 @@ export default {
.multiselect {
margin-right: 12px;
}
-}
-.subject {
- font-size: 20px;
- font-weight: bold;
- margin: 0;
- padding: 24px 20px;
+ .subject {
+ font-weight: bold;
+ margin: 3px 0 !important;
+ padding: 0 12px !important;
+ }
+
+ .message-body {
+ height: 100%;
+ width: 100%;
+ margin: 0;
+ border: none !important;
+ outline: none !important;
+ box-shadow: none !important;
+ padding: 12px;
+
+ // Fix contenteditable not becoming focused upon clichint within it's
+ // boundaries in safari
+ -webkit-user-select: text;
+ user-select: text;
+ }
}
.warning-box {
@@ -1354,23 +1368,6 @@ export default {
min-height: 0;
}
-.message-body {
- height: 100%;
- width: 100%;
- margin: 0;
- border: none !important;
- outline: none !important;
- box-shadow: none !important;
- padding-top: 12px;
- padding-bottom: 12px;
- padding-left: 20px;
-
- // Fix contenteditable not becoming focused upon clichint within it's
- // boundaries in safari
- -webkit-user-select: text;
- user-select: text;
-}
-
.draft-status {
padding: 2px;
opacity: 0.5;
@@ -1468,7 +1465,7 @@ export default {
.composer-actions--secondary-actions {
display: flex;
flex-direction: row;
- padding: 5px;
+ padding: 12px;
}
.composer-actions--primary-actions .button {
padding: 2px;