From 0a243defd358be2fd81ea1bcd0f363a4dfc2f392 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 27 Jan 2022 13:28:36 +0530
Subject: [PATCH] fix: Show image in sidebar in mobile view for item

---
 frappe/public/js/frappe/form/templates/form_sidebar.html | 2 +-
 frappe/public/scss/desk/sidebar.scss                     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frappe/public/js/frappe/form/templates/form_sidebar.html b/frappe/public/js/frappe/form/templates/form_sidebar.html
index efa8b9ea5e..dcea2f4647 100644
--- a/frappe/public/js/frappe/form/templates/form_sidebar.html
+++ b/frappe/public/js/frappe/form/templates/form_sidebar.html
@@ -1,5 +1,5 @@
 <ul class="list-unstyled sidebar-menu user-actions hidden"></ul>
-<ul class="list-unstyled sidebar-menu sidebar-image-section hidden-xs hidden-sm hide">
+<ul class="list-unstyled sidebar-menu sidebar-image-section hide">
 	<li class="sidebar-image-wrapper">
 		<img class="sidebar-image">
 		<div class="sidebar-standard-image">
diff --git a/frappe/public/scss/desk/sidebar.scss b/frappe/public/scss/desk/sidebar.scss
index 7430044878..82bd1cdf13 100644
--- a/frappe/public/scss/desk/sidebar.scss
+++ b/frappe/public/scss/desk/sidebar.scss
@@ -107,7 +107,7 @@ body[data-route^="Module"] .main-menu {
 		cursor: pointer;
 
 		.sidebar-image {
-			width: 100%;
+			width: min(100%, 170px);
 			height: auto;
 			max-height: 170px;
 			object-fit: cover;