buttons: Redesign sticky-bottom-option button.

This commit removes "button" and "rounded" class from the button and
add the required rules to the pre existing sticky-bottom-option class.

Fixes part of #35006.
This commit is contained in:
Maneesh Shukla
2025-08-07 15:35:15 +05:30
committed by Tim Abbott
parent f287a82743
commit 6815a65a18
2 changed files with 6 additions and 3 deletions

View File

@@ -1350,16 +1350,19 @@ input.settings_text_input {
.sticky-bottom-option {
width: 100%;
display: flex;
padding: 7px 14px;
background-color: var(--color-background-zulip-button);
justify-content: flex-start;
color: var(--color-dropdown-item);
border: none;
border-top: 1px solid var(--color-border-zulip-button);
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
&:hover {
color: var(--color-dropdown-item);
background-color: var(--background-color-active-dropdown-item);
border-color: var(--color-border-zulip-button-interactive);
}
&:focus,

View File

@@ -9,7 +9,7 @@
{{t 'No matching results'}}
</div>
{{#if sticky_bottom_option}}
<button class="button rounded sticky-bottom-option">
<button class="sticky-bottom-option">
{{sticky_bottom_option}}
</button>
{{/if}}