From a131c2cf094a16fef342367f61fb4f2ff38f6229 Mon Sep 17 00:00:00 2001
From: Dan Schultz <slifty@gmail.com>
Date: Thu, 10 Feb 2022 16:35:57 -0500
Subject: [PATCH] Ensure errors are on top
In certain cases validation errors could be hidden by components that
were rendered "on top" (e.g. in the case of required rich text fields).
Providing a z-index signals that they belong on top.
Issue #2718
---
hypha/static_src/src/sass/apply/components/_form.scss | 1 +
hypha/static_src/src/sass/public/components/_form.scss | 1 +
2 files changed, 2 insertions(+)
diff --git a/hypha/static_src/src/sass/apply/components/_form.scss b/hypha/static_src/src/sass/apply/components/_form.scss
index a6cf124bc..f9ff745a3 100644
--- a/hypha/static_src/src/sass/apply/components/_form.scss
+++ b/hypha/static_src/src/sass/apply/components/_form.scss
@@ -415,6 +415,7 @@
margin: 20px 0 0;
color: $color--white;
background: $color--error;
+ z-index: 1;
@include media-query(tablet-landscape) {
position: absolute;
diff --git a/hypha/static_src/src/sass/public/components/_form.scss b/hypha/static_src/src/sass/public/components/_form.scss
index 6f6404693..d7f4027ca 100644
--- a/hypha/static_src/src/sass/public/components/_form.scss
+++ b/hypha/static_src/src/sass/public/components/_form.scss
@@ -389,6 +389,7 @@
margin: 20px 0 0;
color: $color--white;
background: $color--error;
+ z-index: 1;
@include media-query(tablet-landscape) {
position: absolute;
--
GitLab