From 7807960a27fbf86d4a686e24fb0229cc9ec54827 Mon Sep 17 00:00:00 2001 From: Kuba Orlik Date: Mon, 10 Aug 2026 16:05:59 +0200 Subject: [PATCH] Add a 'center/ line in grid layout --- src/back/jdd-components/split-view/split-view.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/back/jdd-components/split-view/split-view.css b/src/back/jdd-components/split-view/split-view.css index f5c2a18..a213e58 100644 --- a/src/back/jdd-components/split-view/split-view.css +++ b/src/back/jdd-components/split-view/split-view.css @@ -20,13 +20,11 @@ justify-content: center; &:nth-child(1) { - grid-column-start: left-half-start; - grid-column-end: left-half-end; + grid-column: left-half; } &:nth-child(2) { - grid-column-start: right-half-start; - grid-column-end: right-half-end; + grid-column: right-half; } } @@ -44,6 +42,7 @@ &.split-view--bleed--bleed { grid-column: bleed; + .split-view__half { &:nth-child(1) { grid-column-start: bleed-start; @@ -57,6 +56,7 @@ &.split-view--bleed-left--screen { grid-column-start: screen-start; + .split-view__half { &:nth-child(1) { grid-column-start: screen-start; @@ -66,6 +66,7 @@ &.split-view--bleed-right--screen { grid-column-end: screen-end; + .split-view__half { &:nth-child(2) { grid-column-end: screen-end; @@ -75,6 +76,7 @@ &.split-view--bleed-left--bleed { grid-column-start: bleed-start; + .split-view__half { &:nth-child(1) { grid-column-start: bleed-start; @@ -84,6 +86,7 @@ &.split-view--bleed-right--bleed { grid-column-end: bleed-end; + .split-view__half { &:nth-child(2) { grid-column-end: bleed-end;