From 6f15acb52797972c13ae2069342bb0132b54b188 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 22 Aug 2022 19:04:47 +0530
Subject: [PATCH] style: rating field style changes in view mode

color field causing error in view mode (fixed)

(cherry picked from commit 7d245268ea4a48ad6dba32603bfc814b67411d10)
---
 frappe/public/js/frappe/form/controls/color.js |  6 +++---
 frappe/public/scss/website/web_form.scss       | 11 +++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frappe/public/js/frappe/form/controls/color.js b/frappe/public/js/frappe/form/controls/color.js
index 7fcadc6638..e9f88faec5 100644
--- a/frappe/public/js/frappe/form/controls/color.js
+++ b/frappe/public/js/frappe/form/controls/color.js
@@ -93,11 +93,11 @@ frappe.ui.form.ControlColor = class ControlColor extends frappe.ui.form.ControlD
 
 	set_formatted_input(value) {
 		super.set_formatted_input(value);
-		this.$input.val(value);
-		this.selected_color.css({
+		this.$input?.val(value);
+		this.selected_color?.css({
 			"background-color": value || "transparent",
 		});
-		this.selected_color.toggleClass("no-value", !value);
+		this.selected_color?.toggleClass("no-value", !value);
 	}
 
 	get_color() {
diff --git a/frappe/public/scss/website/web_form.scss b/frappe/public/scss/website/web_form.scss
index cc7c16b0e1..194edfeb35 100644
--- a/frappe/public/scss/website/web_form.scss
+++ b/frappe/public/scss/website/web_form.scss
@@ -105,6 +105,17 @@
 						.form-column {
 							padding: 0 var(--padding-sm);
 
+							.frappe-control[data-fieldtype="Rating"] {
+								.like-disabled-input {
+									background-color: unset;
+									padding-left: 0px;
+
+									.rating {
+										cursor: default;
+									}
+								}
+							}
+
 							&:first-child {
 								padding-left: 0;
 							}