From ad59519f93a5a55996860f0be222df2830f09e1d Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sat, 12 Nov 2022 16:31:40 +0530
Subject: [PATCH] fix: show red asterisk sign if field is reqd

---
 frappe/public/js/form_builder/components/Field.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frappe/public/js/form_builder/components/Field.vue b/frappe/public/js/form_builder/components/Field.vue
index f7ab5646d8..15cc1b8713 100644
--- a/frappe/public/js/form_builder/components/Field.vue
+++ b/frappe/public/js/form_builder/components/Field.vue
@@ -48,7 +48,7 @@ function move_fields_to_column() {
 		@mouseout.stop="hovered = false"
 	>
 		<div class="field-controls">
-			<div>
+			<div :class="{ 'reqd': field.df.reqd }">
 				<input
 					v-if="editing"
 					ref="label_input"
@@ -133,6 +133,11 @@ function move_fields_to_column() {
 		justify-content: space-between;
 		align-items: center;
 
+		.reqd::after {
+			content: " *";
+			color: var(--red-400);
+		}
+
 		.label-input {
 			background-color: transparent;
 			border: none;