diff options
author | Greta <gretadoci@gmail.com> | 2022-09-09 17:04:59 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-09-09 17:04:59 +0300 |
commit | 66862d13288964773ceccd328ec4c8929243ff52 (patch) | |
tree | b30ec7f9db45d3e33423fba8276c385df17b3761 | |
parent | f7eafc5b4ff082171fd69e0088330fc600a8805e (diff) | |
parent | 21205bd31267c8d4bef6cff8632e3269df25b710 (diff) |
Merge pull request #7237 from nextcloud/enhancement/fine-tune-composer-element-paddings
Fine-tune padding of composer elements
-rw-r--r-- | src/components/Composer.vue | 45 |
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; |