From f6c548c7b971cca7a1db2b4a037285694bdbbc66 Mon Sep 17 00:00:00 2001
From: Ankush Menat <ankush@frappe.io>
Date: Thu, 8 Sep 2022 01:15:11 +0530
Subject: [PATCH] feat(ux): `no-indicator-dot` for  indicator pills

Adding this class will disable indicator's tiny dot added before text.
---
 frappe/public/js/frappe/ui/toolbar/navbar.html | 2 +-
 frappe/public/scss/common/indicator.scss       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frappe/public/js/frappe/ui/toolbar/navbar.html b/frappe/public/js/frappe/ui/toolbar/navbar.html
index 19bae9647a..ee070d4378 100644
--- a/frappe/public/js/frappe/ui/toolbar/navbar.html
+++ b/frappe/public/js/frappe/ui/toolbar/navbar.html
@@ -7,7 +7,7 @@
 		<div class="collapse navbar-collapse justify-content-end">
 			<form class="form-inline fill-width justify-content-end" role="search" onsubmit="return false;">
 				{% if (frappe.boot.read_only) { %}
-					<span class="indicator-pill yellow" title="{%= __("Your site is getting upgraded.") %}">
+					<span class="indicator-pill yellow no-indicator-dot" title="{%= __("Your site is getting upgraded.") %}">
 						{%= __("Read Only Mode") %}
 					</span>
 				{% } %}
diff --git a/frappe/public/scss/common/indicator.scss b/frappe/public/scss/common/indicator.scss
index 3006039a3d..b995cf856f 100644
--- a/frappe/public/scss/common/indicator.scss
+++ b/frappe/public/scss/common/indicator.scss
@@ -48,7 +48,7 @@
 	height: 24px;
 }
 
-.indicator-pill::before,
+.indicator-pill:not(.no-indicator-dot)::before,
 .indicator-pill-right::after {
 	content:'';
 	display: inline-table;
@@ -179,4 +179,4 @@
 
 @keyframes blink {
 	50% { opacity: 0.5; }
-}
\ No newline at end of file
+}