From bd8eda5ee7fa88add68cccb3fc001f4828bb254e Mon Sep 17 00:00:00 2001 From: dlahaye Date: Fri, 5 Jul 2024 16:50:46 +0200 Subject: [PATCH] feat(mon-pix): add border-left to feedbacks MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Rébecca Kaci <82950611+reibecca@users.noreply.github.com> --- .../app/styles/components/modulix/_feedback.scss | 13 +++++++++++++ mon-pix/app/styles/pages/_module.scss | 1 + 2 files changed, 14 insertions(+) diff --git a/mon-pix/app/styles/components/modulix/_feedback.scss b/mon-pix/app/styles/components/modulix/_feedback.scss index 3f722ea0ca3..9bf9c4bf774 100644 --- a/mon-pix/app/styles/components/modulix/_feedback.scss +++ b/mon-pix/app/styles/components/modulix/_feedback.scss @@ -1,4 +1,7 @@ .feedback { + position: relative; + padding-left: var(--pix-spacing-4x); + &--success { --modulix-feedback-state-color: var(--pix-success-700); } @@ -7,6 +10,16 @@ --modulix-feedback-state-color: var(--pix-error-700); } + &::before { + position: absolute; + left: 0; + width: 6px; + height: 100%; + background-color: var(--modulix-feedback-state-color); + border-radius: var(--modulix-radius-full); + content: ''; + } + &__state { color: var(--modulix-feedback-state-color); font-weight: var(--pix-font-bold); diff --git a/mon-pix/app/styles/pages/_module.scss b/mon-pix/app/styles/pages/_module.scss index 161b4e73448..68b8aca14b3 100644 --- a/mon-pix/app/styles/pages/_module.scss +++ b/mon-pix/app/styles/pages/_module.scss @@ -3,6 +3,7 @@ --modulix-max-content-width: 740px; --modulix-radius: 16px; + --modulix-radius-full: 100% / 10%; flex-grow: 1; color: var(--pix-neutral-900);