From add1a55e0d9338ef13cfde2bce24e4b373e2470b Mon Sep 17 00:00:00 2001 From: Giga Chubinidze Date: Fri, 22 Sep 2023 05:25:33 +0400 Subject: [PATCH 1/2] Dot divider between steps/results --- app/assets/stylesheets/my_modules/protocol.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/my_modules/protocol.scss b/app/assets/stylesheets/my_modules/protocol.scss index 8b22f4eb2..1f61cf878 100644 --- a/app/assets/stylesheets/my_modules/protocol.scss +++ b/app/assets/stylesheets/my_modules/protocol.scss @@ -43,7 +43,7 @@ &::before, &::after { - border-bottom: 1px dashed var(--sn-light-grey); + border-bottom: 1px dotted var(--sn-sleepy-grey); content: ""; display: inline-block; flex-grow: 1; From 3cee796ac6cdcc51c547ed8c46bd1492413a849e Mon Sep 17 00:00:00 2001 From: Giga Chubinidze Date: Mon, 25 Sep 2023 14:56:06 +0400 Subject: [PATCH 2/2] added spacings between dots --- app/assets/stylesheets/my_modules/protocol.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/my_modules/protocol.scss b/app/assets/stylesheets/my_modules/protocol.scss index 1f61cf878..c0b963dbc 100644 --- a/app/assets/stylesheets/my_modules/protocol.scss +++ b/app/assets/stylesheets/my_modules/protocol.scss @@ -43,7 +43,12 @@ &::before, &::after { - border-bottom: 1px dotted var(--sn-sleepy-grey); + background-image: linear-gradient(to right, var(--sn-sleepy-grey) 15%, rgba(255, 255, 255, 0) 0%); + background-position: top; + background-size: 10px 1px; + background-repeat: repeat-x; + + border-bottom: 1px dotted transparent; content: ""; display: inline-block; flex-grow: 1; @@ -59,7 +64,7 @@ &::before, &::after { - border-color: $brand-primary; + background-image: linear-gradient(to right, $brand-primary 15%, rgba(255, 255, 255, 0) 0%); } } }