From cc726fb25ee589e0c3264d82b95474848928949b Mon Sep 17 00:00:00 2001 From: YourivHDenHaag Date: Thu, 26 Oct 2023 10:42:33 +0200 Subject: [PATCH] fix: changed breakpoint from 768 to 1024px --- .../ContactTimeline/src/_ContactTimelineHeaderChannel.scss | 2 +- .../ContactTimeline/src/_ContactTimelineHeaderContent.scss | 2 +- components/ContactTimeline/src/_ContactTimelineHeaderDate.scss | 2 +- components/ContactTimeline/src/_ContactTimelineItemFile.scss | 2 +- components/ContactTimeline/src/_ContactTimelineMeta.scss | 2 +- components/ContactTimeline/src/_ContactTimelineStepDetails.scss | 2 +- .../src/_ContactTimelineStepMarkerConnector.scss | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/components/ContactTimeline/src/_ContactTimelineHeaderChannel.scss b/components/ContactTimeline/src/_ContactTimelineHeaderChannel.scss index f8a0d6ab5f..bdd7ca229e 100644 --- a/components/ContactTimeline/src/_ContactTimelineHeaderChannel.scss +++ b/components/ContactTimeline/src/_ContactTimelineHeaderChannel.scss @@ -4,7 +4,7 @@ line-height: var(--denhaag-contact-timeline-step-header-line-height); overflow-wrap: break-word; - @media (width <= 767px) { + @media (width <= 1023px) { display: none; } } diff --git a/components/ContactTimeline/src/_ContactTimelineHeaderContent.scss b/components/ContactTimeline/src/_ContactTimelineHeaderContent.scss index cd59062b6b..8b0917f1a1 100644 --- a/components/ContactTimeline/src/_ContactTimelineHeaderContent.scss +++ b/components/ContactTimeline/src/_ContactTimelineHeaderContent.scss @@ -1,5 +1,5 @@ .denhaag-contact-timeline__step-header__content { - @media (width <= 767px) { + @media (width <= 1023px) { width: 100%; } } diff --git a/components/ContactTimeline/src/_ContactTimelineHeaderDate.scss b/components/ContactTimeline/src/_ContactTimelineHeaderDate.scss index 7bfca1051b..58ff52447a 100644 --- a/components/ContactTimeline/src/_ContactTimelineHeaderDate.scss +++ b/components/ContactTimeline/src/_ContactTimelineHeaderDate.scss @@ -4,7 +4,7 @@ line-height: var(--denhaag-contact-timeline-step-header-line-height); overflow-wrap: break-word; - @media (width <= 767px) { + @media (width <= 1023px) { display: none; } } diff --git a/components/ContactTimeline/src/_ContactTimelineItemFile.scss b/components/ContactTimeline/src/_ContactTimelineItemFile.scss index c7b54df7f2..69778d3791 100644 --- a/components/ContactTimeline/src/_ContactTimelineItemFile.scss +++ b/components/ContactTimeline/src/_ContactTimelineItemFile.scss @@ -2,7 +2,7 @@ margin-block-start: var(--denhaag-contact-timeline-step-details-file-margin-block-start); margin-block-end: var(--denhaag-contact-timeline-step-details-file-margin-block-end); - @media (width <= 767px) { + @media (width <= 1023px) { margin-block-end: var(--denhaag-contact-timeline-step-details-file-mobile-margin-block-end); } } diff --git a/components/ContactTimeline/src/_ContactTimelineMeta.scss b/components/ContactTimeline/src/_ContactTimelineMeta.scss index c09bb8265b..5403604c45 100644 --- a/components/ContactTimeline/src/_ContactTimelineMeta.scss +++ b/components/ContactTimeline/src/_ContactTimelineMeta.scss @@ -3,7 +3,7 @@ gap: var(--denhaag-contact-timeline-step-meta-gap); align-items: center; - @media (width >= 768px) { + @media (width >= 1024px) { display: none; } } diff --git a/components/ContactTimeline/src/_ContactTimelineStepDetails.scss b/components/ContactTimeline/src/_ContactTimelineStepDetails.scss index e821cf61ca..c3b11e25e8 100644 --- a/components/ContactTimeline/src/_ContactTimelineStepDetails.scss +++ b/components/ContactTimeline/src/_ContactTimelineStepDetails.scss @@ -1,7 +1,7 @@ .denhaag-contact-timeline__step-details { margin-inline-start: var(--denhaag-contact-timeline-step-details-desktop-margin-inline-start); - @media (width <= 767px) { + @media (width <= 1023px) { margin-inline-start: var(--denhaag-contact-timeline-step-details-mobile-margin-inline-start); } } diff --git a/components/ContactTimeline/src/_ContactTimelineStepMarkerConnector.scss b/components/ContactTimeline/src/_ContactTimelineStepMarkerConnector.scss index e936ce7f14..5bb52131b8 100644 --- a/components/ContactTimeline/src/_ContactTimelineStepMarkerConnector.scss +++ b/components/ContactTimeline/src/_ContactTimelineStepMarkerConnector.scss @@ -4,7 +4,7 @@ bottom: var(--denhaag-contact-timeline-step-marker-connector-bottom); margin-inline-start: var(--denhaag-contact-timeline-step-marker-connector-desktop-margin-inline-start); - @media (width <= 767px) { + @media (width <= 1023px) { margin-inline-start: var(--denhaag-contact-timeline-step-marker-connector-mobile-margin-inline-start); } }