Merge pull request #12870 from nextcloud/fix/noid/adjust-line-height

style: adjust line-height usage after change from px value to unitless
This commit is contained in:
Maksim Sukharev
2024-08-01 11:36:29 +02:00
committed by GitHub
2 changed files with 4 additions and 4 deletions

View File

@ -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;
}
}
}

View File

@ -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));