style: rating field style changes in view mode

color field causing error in view mode (fixed)

(cherry picked from commit 7d245268ea)

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() {

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;
 							}