[FEATURE] Ajout d'une bordure à gauche des feedbacks (PIX-13261)

#9458
1024pix · Jul 8, 2024 · 0f2fa44 · 0f2fa44
2 parents eeba227 + bd8eda5
commit 0f2fa44
Show file tree

Hide file tree

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