From ceca647cdeb5c516471731fc8d23aa29dcf4854b Mon Sep 17 00:00:00 2001 From: Philipp Stracker Date: Wed, 22 Jan 2025 17:22:19 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Rearrange=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../reusable-components/_settings-block.scss | 17 +++++++++-------- .../reusable-components/_settings-card.scss | 2 +- 2 files changed, 10 insertions(+), 9 deletions(-) diff --git a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss index b4d2d7ffe..30dcbd816 100644 --- a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss +++ b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss @@ -37,6 +37,13 @@ } } + .ppcp--title-extra { + @include font(13, 20, 400); + color: var(--color-text-teriary); + text-transform: none; + margin-left: 5px; + } + .ppcp--title-wrapper { display: flex; justify-content: space-between; @@ -74,17 +81,11 @@ } } - .ppcp--title-extra { - @include font(13, 20, 400); - color: var(--color-text-teriary); - text-transform: none; - margin-left: 5px; - } - + .ppcp-r-settings-block:not(.ppcp--no-gap) { margin-top: var(--block-separator-gap, 32px); padding-top: var(--block-separator-gap, 32px); - border-top: var(--block-separator-size, 1px) solid var(--block-separator-color, --color-gray-200); + border-top: var(--block-separator-size, 1px) solid var(--block-separator-color); + } } } diff --git a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss index b5ddff8b0..6a41d0593 100644 --- a/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss +++ b/modules/ppcp-settings/resources/css/components/reusable-components/_settings-card.scss @@ -40,7 +40,7 @@ gap: 24px; } - .ppcp-r-settings-content { + .ppcp--content { flex: 1; &.ppcp--is-card {