From 956de45f018ce51a8961ffacd53882f88646ec94 Mon Sep 17 00:00:00 2001
From: Ekaterina Kondareva <>
Date: Tue, 3 Nov 2020 17:17:04 +0200
Subject: [PATCH] large process flow
---
.../hy-large-process-flow-phase.scss | 2 +-
.../hy-large-process-flow/hy-large-process-flow.scss | 6 ++++--
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss b/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss
index b9a13e65..cd153db2 100644
--- a/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss
+++ b/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss
@@ -36,7 +36,7 @@
height: 24px;
left: 26.5px;
position: absolute;
- width: 10px;
+ width: 8px;
@include breakpoint($narrow) {
display: inline-block;
diff --git a/src/components/hy-large-process-flow/hy-large-process-flow.scss b/src/components/hy-large-process-flow/hy-large-process-flow.scss
index 833f8911..9c7049e8 100644
--- a/src/components/hy-large-process-flow/hy-large-process-flow.scss
+++ b/src/components/hy-large-process-flow/hy-large-process-flow.scss
@@ -4,11 +4,13 @@
.hy-large-process-flow {
max-width: 100%;
+ padding-top: 8px;
width: 100%;
@include breakpoint($narrow) {
//tablet up till 768 (including 768px)
max-width: calc(100% / 8 * 7 + var(--gutter-narrow)); // 7 columns out of 8
+ padding-top: 0;
}
@include breakpoint($medium + 1) {
//small desktop; > 768
@@ -53,7 +55,7 @@
height: 100%;
left: 26.5px;
position: absolute;
- width: 10px;
+ width: 8px;
z-index: -1;
@include breakpoint($narrow) {
@@ -75,7 +77,7 @@
padding: 8px 0 !important;
@include breakpoint($narrow) {
- margin: 40px 0 48px 0;
+ margin: 48px 0;
padding: 16px 0 !important;
}
}
--
GitLab