fix: changed breakpoint from 768 to 1024px

nl-design-system · Oct 26, 2023 · cc726fb · cc726fb
1 parent 2f38334
commit cc726fb
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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);
     }
   }