From 73b19a2370222533f21163251275b207708ca18d Mon Sep 17 00:00:00 2001 From: Maksim Sukharev Date: Thu, 1 Aug 2024 09:23:46 +0200 Subject: [PATCH] style: adjust line-height usage after change from px value to unitless Signed-off-by: Maksim Sukharev --- css/talk-admin-settings.css | 6 +++--- src/components/NewMessage/NewMessage.vue | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/css/talk-admin-settings.css b/css/talk-admin-settings.css index 9a57b6f7d85..7ae22e3ec0d 100644 --- a/css/talk-admin-settings.css +++ b/css/talk-admin-settings.css @@ -5,7 +5,7 @@ .settings-section-placeholder { --settings-section-placeholder-header-height: 30px; - --settings-section-placeholder-line-height: var(--default-line-height); + --settings-section-placeholder-line-height: 1lh; --settings-section-placeholder-padding: 1em; --settings-section-placeholder-image: linear-gradient(90deg, var(--color-placeholder-light) 65%, var(--color-placeholder-dark) 70%, var(--color-placeholder-light) 75%); position: relative; @@ -29,7 +29,7 @@ .settings-section-placeholder::after { max-width: 900px; - background: + background: var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 0 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box, var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 1 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box, var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 2 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box; @@ -46,4 +46,4 @@ 100% { background-position-x: 140vw; } -} \ No newline at end of file +} diff --git a/src/components/NewMessage/NewMessage.vue b/src/components/NewMessage/NewMessage.vue index ebd72c17077..8c8b4fc0a46 100644 --- a/src/components/NewMessage/NewMessage.vue +++ b/src/components/NewMessage/NewMessage.vue @@ -1067,7 +1067,7 @@ export default { // Override NcRichContenteditable styles :deep(.rich-contenteditable__input) { - --contenteditable-space: calc((var(--default-clickable-area) - var(--default-line-height) - 4px) / 2); + --contenteditable-space: calc((var(--default-clickable-area) - 1lh - 4px) / 2); border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2)); padding: var(--contenteditable-space); padding-left: calc(var(--contenteditable-space) + var(--default-clickable-area));