bootstrap-btn: Rename btn -> bootstrap-btn.

This commit is a part of the efforts to rename btn-related classes
and variables to align with Zulip's no-abbreviations policy and
streamline the search results.
This commit is contained in:
Sayam Samal 2024-11-14 15:33:08 +05:30 committed by Tim Abbott
parent 5fc226c8ef
commit 045efadab9
15 changed files with 33 additions and 33 deletions

View File

@ -95,8 +95,8 @@
</div> </div>
<textarea id="fixture_body"></textarea> <textarea id="fixture_body"></textarea>
<div class="buttons"> <div class="buttons">
<button id="send_all_fixtures_button" class="btn">Send all</button> <button id="send_all_fixtures_button" class="bootstrap-btn">Send all</button>
<button id="send_fixture_button" class="btn">Send!</button> <button id="send_fixture_button" class="bootstrap-btn">Send!</button>
</div> </div>
</div> </div>
<div class="col1"> <div class="col1">

View File

@ -898,7 +898,7 @@ input[type="checkbox"] {
background-color: transparent; background-color: transparent;
} }
.btn { .bootstrap-btn {
padding: 4px; padding: 4px;
} }

View File

@ -16,7 +16,7 @@
overflow-wrap: break-word; overflow-wrap: break-word;
} }
.subscription_settings .btn { .subscription_settings .bootstrap-btn {
border-radius: 2px; border-radius: 2px;
} }

View File

@ -619,7 +619,7 @@ li,
line-height: inherit; line-height: inherit;
} }
.btn { .bootstrap-btn {
font-size: inherit; font-size: inherit;
height: auto; height: auto;
line-height: 100%; line-height: 100%;

View File

@ -1,6 +1,6 @@
<div class="topic_search_section filter-topics"> <div class="topic_search_section filter-topics">
<input class="topic-list-filter home-page-input filter_text_input" id="filter-topic-input" type="text" autocomplete="off" placeholder="{{t 'Filter topics'}}" /> <input class="topic-list-filter home-page-input filter_text_input" id="filter-topic-input" type="text" autocomplete="off" placeholder="{{t 'Filter topics'}}" />
<button type="button" class="btn clear_search_button" id="clear_search_topic_button"> <button type="button" class="bootstrap-btn clear_search_button" id="clear_search_topic_button">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>
</button> </button>
</div> </div>

View File

@ -165,7 +165,7 @@
</a> </a>
<div class="zoom-out-hide direct-messages-search-section"> <div class="zoom-out-hide direct-messages-search-section">
<input class="direct-messages-list-filter filter_text_input home-page-input" type="text" autocomplete="off" placeholder="{{t 'Filter direct messages' }}" /> <input class="direct-messages-list-filter filter_text_input home-page-input" type="text" autocomplete="off" placeholder="{{t 'Filter direct messages' }}" />
<button type="button" class="btn clear_search_button" id="clear-direct-messages-search-button"> <button type="button" class="bootstrap-btn clear_search_button" id="clear-direct-messages-search-button">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>
</button> </button>
</div> </div>
@ -194,7 +194,7 @@
<div class="notdisplayed stream_search_section"> <div class="notdisplayed stream_search_section">
<input class="stream-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter channels' }}" /> <input class="stream-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter channels' }}" />
<button type="button" class="btn clear_search_button" id="clear_search_stream_button"> <button type="button" class="bootstrap-btn clear_search_button" id="clear_search_stream_button">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>
</button> </button>
</div> </div>

View File

@ -1,5 +1,5 @@
{{> ./dropdown_widget widget_name="recent-view-filter"}} {{> ./dropdown_widget widget_name="recent-view-filter"}}
<button data-filter="include_private" type="button" class="btn bootstrap-btn-default button-recent-filters {{#if is_spectator}}fake_disabled_button{{/if}}" role="checkbox" aria-checked="true"> <button data-filter="include_private" type="button" class="bootstrap-btn bootstrap-btn-default button-recent-filters {{#if is_spectator}}fake_disabled_button{{/if}}" role="checkbox" aria-checked="true">
{{#if filter_pm}} {{#if filter_pm}}
<i class="fa fa-check-square-o"></i> <i class="fa fa-check-square-o"></i>
{{else}} {{else}}
@ -7,7 +7,7 @@
{{/if}} {{/if}}
{{t 'Include DMs' }} {{t 'Include DMs' }}
</button> </button>
<button data-filter="unread" type="button" class="btn bootstrap-btn-default button-recent-filters {{#if is_spectator}}fake_disabled_button{{/if}}" role="checkbox" aria-checked="false"> <button data-filter="unread" type="button" class="bootstrap-btn bootstrap-btn-default button-recent-filters {{#if is_spectator}}fake_disabled_button{{/if}}" role="checkbox" aria-checked="false">
{{#if filter_unread}} {{#if filter_unread}}
<i class="fa fa-check-square-o"></i> <i class="fa fa-check-square-o"></i>
{{else}} {{else}}
@ -15,7 +15,7 @@
{{/if}} {{/if}}
{{t 'Unread' }} {{t 'Unread' }}
</button> </button>
<button data-filter="participated" type="button" class="btn bootstrap-btn-default button-recent-filters {{#if is_spectator}}fake_disabled_button{{/if}}" role="checkbox" aria-checked="false"> <button data-filter="participated" type="button" class="bootstrap-btn bootstrap-btn-default button-recent-filters {{#if is_spectator}}fake_disabled_button{{/if}}" role="checkbox" aria-checked="false">
{{#if filter_participated}} {{#if filter_participated}}
<i class="fa fa-check-square-o"></i> <i class="fa fa-check-square-o"></i>
{{else}} {{else}}

View File

@ -4,7 +4,7 @@
</div> </div>
<div class="search_group" role="group"> <div class="search_group" role="group">
<input type="text" id="recent_view_search" class="filter_text_input" value="{{ search_val }}" autocomplete="off" placeholder="{{t 'Filter topics (t)' }}" /> <input type="text" id="recent_view_search" class="filter_text_input" value="{{ search_val }}" autocomplete="off" placeholder="{{t 'Filter topics (t)' }}" />
<button type="button" class="btn clear_search_button" id="recent_view_search_clear"> <button type="button" class="bootstrap-btn clear_search_button" id="recent_view_search_clear">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>
</button> </button>
</div> </div>

View File

@ -4,7 +4,7 @@
<div id="userlist-header"> <div id="userlist-header">
<div id="userlist-header-search"> <div id="userlist-header-search">
<input class="user-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter users' }}" /> <input class="user-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter users' }}" />
<button type="button" class="btn hidden" id="clear_search_people_button"> <button type="button" class="bootstrap-btn hidden" id="clear_search_people_button">
<i class="zulip-icon zulip-icon-close" aria-hidden="true"></i> <i class="zulip-icon zulip-icon-close" aria-hidden="true"></i>
</button> </button>
</div> </div>

View File

@ -5,7 +5,7 @@
</div> </div>
</div> </div>
<input type="text" class="user-status modal_text_input" placeholder="{{t 'Your status' }}" maxlength="60"/> <input type="text" class="user-status modal_text_input" placeholder="{{t 'Your status' }}" maxlength="60"/>
<button type="button" class="btn clear_search_button" id="clear_status_message_button" disabled="disabled"> <button type="button" class="bootstrap-btn clear_search_button" id="clear_status_message_button" disabled="disabled">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>
</button> </button>
</div> </div>

View File

@ -5,23 +5,23 @@
<div class="bot-card-name">{{name}}</div> <div class="bot-card-name">{{name}}</div>
{{#if is_active}} {{#if is_active}}
<div class="edit-bot-buttons"> <div class="edit-bot-buttons">
<button type="submit" class="btn open_edit_bot_form tippy-zulip-delayed-tooltip" data-sidebar-form="edit-bot" data-tippy-content="{{t 'Edit bot' }}" data-email="{{email}}"> <button type="submit" class="bootstrap-btn open_edit_bot_form tippy-zulip-delayed-tooltip" data-sidebar-form="edit-bot" data-tippy-content="{{t 'Edit bot' }}" data-email="{{email}}">
<i class="fa fa-pencil blue" aria-hidden="true"></i> <i class="fa fa-pencil blue" aria-hidden="true"></i>
</button> </button>
<a type="submit" download="{{zuliprc}}" class="btn download_bot_zuliprc tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Download zuliprc' }}" data-email="{{email}}"> <a type="submit" download="{{zuliprc}}" class="bootstrap-btn download_bot_zuliprc tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Download zuliprc' }}" data-email="{{email}}">
<i class="fa fa-download sea-green" aria-hidden="true"></i> <i class="fa fa-download sea-green" aria-hidden="true"></i>
</a> </a>
<button type="submit" id="copy_zuliprc" class="btn copy_zuliprc tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Copy zuliprc' }}"> <button type="submit" id="copy_zuliprc" class="bootstrap-btn copy_zuliprc tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Copy zuliprc' }}">
<i class="zulip-icon zulip-icon-copy" aria-hidden="true"></i> <i class="zulip-icon zulip-icon-copy" aria-hidden="true"></i>
</button> </button>
<button type="submit" class="btn deactivate_bot danger-red tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Deactivate bot' }}" data-user-id="{{user_id}}"> <button type="submit" class="bootstrap-btn deactivate_bot danger-red tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Deactivate bot' }}" data-user-id="{{user_id}}">
<i class="fa fa-user-times" aria-hidden="true"></i> <i class="fa fa-user-times" aria-hidden="true"></i>
</button> </button>
<button type="submit" class="btn open_bots_subscribed_streams tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Subscribed channels' }}" data-user-id="{{user_id}}"> <button type="submit" class="bootstrap-btn open_bots_subscribed_streams tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Subscribed channels' }}" data-user-id="{{user_id}}">
<i class="fa fa-hashtag purple" aria-hidden="true"></i> <i class="fa fa-hashtag purple" aria-hidden="true"></i>
</button> </button>
{{#if is_incoming_webhook_bot}} {{#if is_incoming_webhook_bot}}
<button type="submit" class="btn open-generate-integration-url-modal tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Generate URL for an integration'}}" data-api-key="{{api_key}}"> <button type="submit" class="bootstrap-btn open-generate-integration-url-modal tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Generate URL for an integration'}}" data-api-key="{{api_key}}">
<i class="fa fa-link steel-blue" aria-hidden="true"></i> <i class="fa fa-link steel-blue" aria-hidden="true"></i>
</button> </button>
{{/if}} {{/if}}

View File

@ -22,7 +22,7 @@
<div id="active_bots_list_container" class="bots_section" data-bot-settings-section="active-bots"> <div id="active_bots_list_container" class="bots_section" data-bot-settings-section="active-bots">
<div class="config-download-text"> <div class="config-download-text">
<span>{{t 'Download config of all active outgoing webhook bots in Zulip Botserver format.' }}</span> <span>{{t 'Download config of all active outgoing webhook bots in Zulip Botserver format.' }}</span>
<a type="submit" download="{{botserverrc}}" id= "download_botserverrc" class="btn tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Download botserverrc' }}"> <a type="submit" download="{{botserverrc}}" id= "download_botserverrc" class="bootstrap-btn tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Download botserverrc' }}">
<i class="fa fa-download sea-green" aria-hidden="true"></i> <i class="fa fa-download sea-green" aria-hidden="true"></i>
</a> </a>
</div> </div>

View File

@ -22,7 +22,7 @@
<div class="input-append stream_name_search_section" id="stream_filter"> <div class="input-append stream_name_search_section" id="stream_filter">
<input type="text" name="stream_name" id="search_stream_name" class="filter_text_input" autocomplete="off" <input type="text" name="stream_name" id="search_stream_name" class="filter_text_input" autocomplete="off"
placeholder="{{t 'Filter channels' }}" value=""/> placeholder="{{t 'Filter channels' }}" value=""/>
<button type="button" class="btn clear_search_button" id="clear_search_stream_name"> <button type="button" class="bootstrap-btn clear_search_button" id="clear_search_stream_name">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>
</button> </button>
</div> </div>

View File

@ -22,7 +22,7 @@
<div class="input-append group_name_search_section" id="group_filter"> <div class="input-append group_name_search_section" id="group_filter">
<input type="text" name="group_name" id="search_group_name" class="filter_text_input" autocomplete="off" <input type="text" name="group_name" id="search_group_name" class="filter_text_input" autocomplete="off"
placeholder="{{t 'Filter groups' }}" value=""/> placeholder="{{t 'Filter groups' }}" value=""/>
<button type="button" class="btn clear_search_button" id="clear_search_group_name"> <button type="button" class="bootstrap-btn clear_search_button" id="clear_search_group_name">
<i class="fa fa-remove" aria-hidden="true"></i> <i class="fa fa-remove" aria-hidden="true"></i>
</button> </button>
</div> </div>

View File

@ -31,7 +31,7 @@ THE SOFTWARE.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ */
.btn { .bootstrap-btn {
display: inline-block; display: inline-block;
padding: 6px 12px; padding: 6px 12px;
margin-bottom: 0; margin-bottom: 0;
@ -50,27 +50,27 @@ THE SOFTWARE.
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 0px; border-radius: 0px;
} }
.btn:focus, .bootstrap-btn:focus,
.btn:active:focus, .bootstrap-btn:active:focus,
.btn.active:focus { .bootstrap-btn.active:focus {
outline: thin dotted; outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color; outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; outline-offset: -2px;
} }
.btn:hover, .bootstrap-btn:hover,
.btn:focus { .bootstrap-btn:focus {
color: #333; color: #333;
text-decoration: none; text-decoration: none;
} }
.btn:active, .bootstrap-btn:active,
.btn.active { .bootstrap-btn.active {
background-image: none; background-image: none;
outline: 0; outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
} }
.btn.disabled, .bootstrap-btn.disabled,
.btn[disabled] { .bootstrap-btn[disabled] {
pointer-events: none; pointer-events: none;
cursor: not-allowed; cursor: not-allowed;
-webkit-box-shadow: none; -webkit-box-shadow: none;