From 3564e94ac9369aab2e4eedefa1a67c64130c09d9 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Fri, 20 Dec 2019 09:33:36 +0100
Subject: [PATCH] Adjust getName for rule names

---
 src/selector_manager/view/ClassTagsView.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/selector_manager/view/ClassTagsView.js b/src/selector_manager/view/ClassTagsView.js
index 16f583aa5..0900555bb 100644
--- a/src/selector_manager/view/ClassTagsView.js
+++ b/src/selector_manager/view/ClassTagsView.js
@@ -308,8 +308,10 @@ export default Backbone.View.extend({
         ? `<span class="${pfx}sel-cmp">${target.getName()}</span><span class="${pfx}sel-id">#${target.getId()}</span>`
         : '';
       result = this.collection.getFullString(selectors);
-      result = result || target.get('selectorsAdd') || idRes;
-      result = componentFirst ? idRes : result;
+      result = result
+        ? `<span class="${pfx}sel-rule">${result}</span>`
+        : target.get('selectorsAdd') || idRes;
+      result = componentFirst && idRes ? idRes : result;
       result += state ? `<span class="${pfx}sel-state">:${state}</span>` : '';
       result = selectedName ? selectedName({ result, state, target }) : result;
     }