From 73e7a9b3f11fa5fd65dd53c546d680f95dbcea27 Mon Sep 17 00:00:00 2001
From: Rob Garrison <wowmotty@gmail.com>
Date: Fri, 18 Aug 2017 10:23:25 -0500
Subject: [PATCH] Add stylelint config icon tooltip

---
 _locales/en/messages.json | 4 ++++
 edit.html                 | 8 +++++---
 edit/edit.css             | 3 ++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 622888fd..8f7db9cd 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -354,6 +354,10 @@
       }
     }
   },
+  "stylelintConfig": {
+    "message": "Open a popup to configure stylelint rules",
+    "description": "Tooltip on an icon to indicate it opens a popup with stylelint configuration settings"
+  },
   "manageFilters": {
     "message": "Filters",
     "description": "Label for filters container"
diff --git a/edit.html b/edit.html
index fa2d29eb..64e4f8bb 100644
--- a/edit.html
+++ b/edit.html
@@ -198,9 +198,11 @@
             <option value="csslint" selected>CSSLint</option>
             <option value="stylelint">stylelint</option>
           </select>
-          <svg id="stylelint-settings" class="svg-icon settings">
-            <use xlink:href="#svg-icon-settings"/>
-          </svg>
+          <span class="linter-settings" i18n-title="stylelintConfig">
+            <svg id="stylelint-settings" class="svg-icon settings">
+              <use xlink:href="#svg-icon-settings"/>
+            </svg>
+          </span>
       </section>
       <section id="lint"><h2 i18n-text="issues">: <span id="issue-count"></span><svg id="lint-help" class="svg-icon info"><use xlink:href="#svg-icon-help"/></svg></h2><div></div></section>
     </div>
diff --git a/edit/edit.css b/edit/edit.css
index 53762957..ca0cd4e3 100644
--- a/edit/edit.css
+++ b/edit/edit.css
@@ -387,7 +387,8 @@ body[data-match-highlight="selection"] .CodeMirror-selection-highlight-scrollbar
 #help-popup .error a {
   color: #f00;
 }
-#help-popup .error.show {
+#help-popup .error.show,
+#options .linter-settings {
   display: inline-block;
 }