tooltips: Fix hotkey-hint CSS class reuse.

The "hotkey-hint" class name used internally in
d66f2d900f conflicted with the
preexisting class name for hotkey hints into popovers, introduced in
80ff3d8da5.

Given that the new class is for a styling of hotkey hints designed for
use in tooltips, it was a bad name anyway, so just rename it to
tooltip-hotkey-hint. We rename the related cluster of variable names
to match this.

frontend_tests/node_tests/templates.js

@@ -43,13 +43,13 @@ run_test("numberFormat", () => {
     assert.equal(html, "1,000,000\n");
 });
 
-run_test("hotkey_hints", () => {
+run_test("tooltip_hotkey_hints", () => {
     const args = {
         hotkey_one: "Ctrl",
         hotkey_two: "C",
     };
 
-    const html = require("./templates/hotkey_hints.hbs")(args);
-    const expected_html = `<span class="hotkey-hints"><span class="hotkey-hint">${args.hotkey_one}</span><span class="hotkey-hint">${args.hotkey_two}</span></span>\n`;
+    const html = require("./templates/tooltip_hotkey_hints.hbs")(args);
+    const expected_html = `<span class="tooltip-hotkey-hints"><span class="tooltip-hotkey-hint">${args.hotkey_one}</span><span class="tooltip-hotkey-hint">${args.hotkey_two}</span></span>\n`;
     assert.equal(html, expected_html);
 });

frontend_tests/node_tests/templates/hotkey_hints.hbs

@@ -1 +0,0 @@
-{{hotkey_hints hotkey_one hotkey_two}}

frontend_tests/node_tests/templates/tooltip_hotkey_hints.hbs

@@ -0,0 +1 @@
+{{tooltip_hotkey_hints hotkey_one hotkey_two}}

static/js/templates.js

@@ -106,13 +106,13 @@ Handlebars.registerHelper(
 
 Handlebars.registerHelper("numberFormat", (number) => number.toLocaleString());
 
-Handlebars.registerHelper("hotkey_hints", (...hotkeys) => {
+Handlebars.registerHelper("tooltip_hotkey_hints", (...hotkeys) => {
     hotkeys.pop(); // Handlebars options
     let hotkey_hints = "";
     common.adjust_mac_tooltip_keys(hotkeys);
     for (const hotkey of hotkeys) {
-        hotkey_hints += `<span class="hotkey-hint">${hotkey}</span>`;
+        hotkey_hints += `<span class="tooltip-hotkey-hint">${hotkey}</span>`;
     }
-    const result = `<span class="hotkey-hints">${hotkey_hints}</span>`;
+    const result = `<span class="tooltip-hotkey-hints">${hotkey_hints}</span>`;
     return new Handlebars.SafeString(result);
 });

static/styles/tooltips.css

@@ -66,7 +66,7 @@
      */
     text-align: left;
 
-    .hotkey-hints {
+    .tooltip-hotkey-hints {
         box-sizing: inherit;
         display: flex;
         align-self: flex-start;
@@ -74,7 +74,7 @@
         gap: 4px;
     }
 
-    .hotkey-hint {
+    .tooltip-hotkey-hint {
         box-sizing: inherit;
         border: 1px solid hsla(225, 100%, 84%, 1);
         border-radius: 3px;

static/templates/compose.hbs

@@ -11,7 +11,7 @@
         </div>
         <template id="scroll-to-bottom-button-tooltip-template">
             {{t 'Scroll to bottom' }}
-            {{hotkey_hints "End"}}
+            {{tooltip_hotkey_hints "End"}}
         </template>
     </div>
     <div id="compose_controls" class="new-style">
@@ -61,11 +61,11 @@
                             <button type="button" class="close fa fa-times" id='compose_close' data-tooltip-template-id="compose_close_tooltip_template"></button>
                             <template id="compose_close_tooltip_template">
                                 {{t 'Cancel compose' }}
-                                {{hotkey_hints "Esc"}}
+                                {{tooltip_hotkey_hints "Esc"}}
                             </template>
                             <template id="compose_close_and_save_tooltip_template">
                                 {{t 'Cancel compose and save draft' }}
-                                {{hotkey_hints "Esc"}}
+                                {{tooltip_hotkey_hints "Esc"}}
                             </template>
                         </div>
                         <div id="stream-message" class="order-1">

static/templates/compose_control_buttons.hbs

@@ -18,7 +18,7 @@
     </a>
     <template id="compose_draft_tooltip_template">
         {{t 'Drafts' }}
-        {{hotkey_hints "D"}}
+        {{tooltip_hotkey_hints "D"}}
     </template>
     <div class="compose_control_menu_wrapper" role="button" tabindex=0>
         <a class="compose_control_button zulip-icon zulip-icon-ellipsis-v-solid hide {{#if message_id}}show-lg{{else}}show-sm{{/if}} compose_control_menu" tabindex="-1" data-tippy-content="Compose actions"></a>

static/templates/left_sidebar.hbs

@@ -94,7 +94,7 @@
                 </div>
                 <template id="filter-streams-tooltip-template">
                     {{t 'Filter streams' }}
-                    {{hotkey_hints "Q"}}
+                    {{tooltip_hotkey_hints "Q"}}
                 </template>
             </div>
             <div id="topics_header">

static/templates/message_controls.hbs

@@ -3,15 +3,15 @@
     <div class="edit_content message_control_button" data-tooltip-template-id="view-source-tooltip-template"></div>
     <template id="edit-content-tooltip-template">
         {{#tr}}Edit message{{/tr}}
-        {{hotkey_hints "E"}}
+        {{tooltip_hotkey_hints "E"}}
     </template>
     <template id="move-message-tooltip-template">
         {{#tr}}Move message{{/tr}}
-        {{hotkey_hints "M"}}
+        {{tooltip_hotkey_hints "M"}}
     </template>
     <template id="view-source-tooltip-template">
         {{#tr}}View message source{{/tr}}
-        {{hotkey_hints "E"}}
+        {{tooltip_hotkey_hints "E"}}
     </template>
     {{/if}}
 
@@ -21,7 +21,7 @@
     </div>
     <template id="add-emoji-tooltip-template">
         {{#tr}}Add emoji reaction{{/tr}}
-        {{hotkey_hints ":"}}
+        {{tooltip_hotkey_hints ":"}}
     </template>
     {{/unless}}
 
@@ -31,7 +31,7 @@
     </div>
     <template id="message-actions-tooltip-template">
         {{#tr}}Message actions{{/tr}}
-        {{hotkey_hints "I"}}
+        {{tooltip_hotkey_hints "I"}}
     </template>
     {{/unless}}
 
@@ -51,11 +51,11 @@
     </div>
     <template id="star-message-tooltip-template">
         <span class="starred-status">{{#tr}}Star this message{{/tr}}</span>
-        {{hotkey_hints "Ctrl" "S"}}
+        {{tooltip_hotkey_hints "Ctrl" "S"}}
     </template>
     <template id="unstar-message-tooltip-template">
         <span class="starred-status">{{#tr}}Unstar this message{{/tr}}</span>
-        {{hotkey_hints "Ctrl" "S"}}
+        {{tooltip_hotkey_hints "Ctrl" "S"}}
     </template>
     {{/unless}}
 

static/templates/narrow_to_compose_recipients_tooltip.hbs

@@ -4,4 +4,4 @@
     <p class="narrow_to_compose_recipient_current_view_help tooltip-inner-content italic">{{display_current_view}}</p>
     {{/if}}
 </div>
-{{hotkey_hints "Ctrl" "."}}
+{{tooltip_hotkey_hints "Ctrl" "."}}

static/templates/recipient_row.hbs

@@ -67,13 +67,13 @@
                     <i class="zulip-icon zulip-icon-mute on_hover_topic_unmute recipient_bar_icon" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" data-tooltip-template-id="topic-unmute-tooltip-template" role="button" tabindex="0" aria-label="{{t 'Unmute topic' }}"></i>
                     <template id="topic-unmute-tooltip-template">
                         {{#tr}}Unmute topic{{/tr}}
-                        {{hotkey_hints "M"}}
+                        {{tooltip_hotkey_hints "M"}}
                     </template>
                 {{else}}
                     <i class="zulip-icon zulip-icon-mute on_hover_topic_mute recipient_bar_icon hidden-for-spectators" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" data-tooltip-template-id="topic-mute-tooltip-template" role="button" tabindex="0" aria-label="{{t 'Mute topic' }}"></i>
                     <template id="topic-mute-tooltip-template">
                         {{#tr}}Mute topic{{/tr}}
-                        {{hotkey_hints "M"}}
+                        {{tooltip_hotkey_hints "M"}}
                     </template>
                 {{/if}}
             </span>

static/templates/right_sidebar.hbs

@@ -13,7 +13,7 @@
             </div>
             <template id="search-people-tooltip-template">
                 {{t 'Search people' }}
-                {{hotkey_hints "W"}}
+                {{tooltip_hotkey_hints "W"}}
             </template>
             <div class="input-append notdisplayed" id="user_search_section">
                 <input class="user-list-filter home-page-input" type="text" autocomplete="off" placeholder="{{t 'Search people' }}" />
@@ -34,7 +34,7 @@
                 <i class="fa fa-keyboard-o fa-2x tippy-zulip-tooltip" id="keyboard-icon" data-tooltip-template-id="keyboard-icon-tooltip-template"></i>
                 <template id="keyboard-icon-tooltip-template">
                     {{t 'Keyboard shortcuts' }}
-                    {{hotkey_hints "?"}}
+                    {{tooltip_hotkey_hints "?"}}
                 </template>
             </a>
             <div class="only-visible-for-spectators">

webpack.config.ts

@@ -143,7 +143,7 @@ export default (env: {minimize?: boolean} = {}, argv: {mode?: string}): webpack.
                             "t",
                             "tr",
                             "rendered_markdown",
-                            "hotkey_hints",
+                            "tooltip_hotkey_hints",
                         ],
                         preventIndent: true,
                     },