From c9fd9ade11a28233f6757c371e32ad53fff56770 Mon Sep 17 00:00:00 2001
From: Maneesh Shukla <shuklamaneesh24@gmail.com>
Date: Thu, 7 Aug 2025 15:46:54 +0530
Subject: [PATCH] buttons: Rename sticky-bottom-option to
 sticky-bottom-option-button.

Fixes part of #35006.
---
 web/src/dropdown_widget.ts                | 8 ++++----
 web/styles/app_components.css             | 2 +-
 web/templates/dropdown_list_container.hbs | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/dropdown_widget.ts b/web/src/dropdown_widget.ts
index 41fe95935f..193d293d72 100644
--- a/web/src/dropdown_widget.ts
+++ b/web/src/dropdown_widget.ts
@@ -267,11 +267,11 @@ export class DropdownWidget {
         $popper.find(".list-item.current_selection").removeClass("current_selection");
         if (this.sticky_bottom_option) {
             $popper
-                .find(".sticky-bottom-option.current_selection")
+                .find(".sticky-bottom-option-button.current_selection")
                 .removeClass("current_selection");
         }
         if (this.current_hover_index === list_items.length && this.sticky_bottom_option) {
-            $popper.find(".sticky-bottom-option").addClass("current_selection");
+            $popper.find(".sticky-bottom-option-button").addClass("current_selection");
         } else {
             const current_hover_item = list_items[this.current_hover_index];
             assert(current_hover_item !== undefined);
@@ -382,7 +382,7 @@ export class DropdownWidget {
                     }
 
                     const $search_input = $popper.find(".dropdown-list-search-input");
-                    const $sticky_bottom_option = $popper.find(".sticky-bottom-option");
+                    const $sticky_bottom_option = $popper.find(".sticky-bottom-option-button");
                     assert(this.list_widget !== undefined);
                     const list_items = this.list_widget.get_current_list();
                     if (
@@ -627,7 +627,7 @@ export class DropdownWidget {
                 });
 
                 // Click on $sticky_bottom_option.
-                $popper.on("click", ".sticky-bottom-option", (event) => {
+                $popper.on("click", ".sticky-bottom-option-button", (event) => {
                     this.item_click_callback(event, instance, this, true);
                     this.current_hover_index = 0;
                 });
diff --git a/web/styles/app_components.css b/web/styles/app_components.css
index 8f6af00ae7..c8310e0507 100644
--- a/web/styles/app_components.css
+++ b/web/styles/app_components.css
@@ -1347,7 +1347,7 @@ input.settings_text_input {
     color: hsl(1.06deg 44.66% 50.39%);
 }
 
-.sticky-bottom-option {
+.sticky-bottom-option-button {
     width: 100%;
     display: flex;
     padding: 7px 14px;
diff --git a/web/templates/dropdown_list_container.hbs b/web/templates/dropdown_list_container.hbs
index a0c0f71f1c..8c044742b6 100644
--- a/web/templates/dropdown_list_container.hbs
+++ b/web/templates/dropdown_list_container.hbs
@@ -9,7 +9,7 @@
         {{t 'No matching results'}}
     </div>
     {{#if sticky_bottom_option}}
-    <button class="sticky-bottom-option">
+    <button class="sticky-bottom-option-button">
         {{sticky_bottom_option}}
     </button>
     {{/if}}