Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Add "bootstrap-focus-style" class to select elements. 

This commit adds "bootstrap-focus-style" class to the select
elements such that we can add CSS rule for focusing a select
element at single place only using this class.
This commit is contained in:
Sahil Batra 2022-12-26 15:42:15 +05:30 committed by Tim Abbott
parent 0d4839d900
commit af36e9f823
17 changed files with 57 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/styles/components.css
View File

@ -136,3 +136,11 @@ input::-ms-reveal {
} }
} }
} }
select.bootstrap-focus-style {
&:focus {
outline: 1px dotted hsl(0, 0%, 20%);
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
}

6
static/templates/invite_user.hbs
View File

@ -32,7 +32,7 @@
<div class="input-group"> <div class="input-group">
<label for="expires_in">{{t "Invitation expires after" }}</label> <label for="expires_in">{{t "Invitation expires after" }}</label>
<div> <div>
<select id="expires_in" class="invite-expires-in"> <select id="expires_in" class="invite-expires-in bootstrap-focus-style">
{{#each expires_in_options}} {{#each expires_in_options}}
<option {{#if this.default }}selected{{/if}} name="expires_in" value="{{this.value}}">{{this.description}}</option> <option {{#if this.default }}selected{{/if}} name="expires_in" value="{{this.value}}">{{this.description}}</option>
{{/each}} {{/each}}
@ -42,7 +42,7 @@
<div id="custom-invite-expiration-time" class="dependent-settings-block"> <div id="custom-invite-expiration-time" class="dependent-settings-block">
<label for="expires_in">{{t "Custom time" }}</label> <label for="expires_in">{{t "Custom time" }}</label>
<input type="text" autocomplete="off" name="custom-expiration-time" id="custom-expiration-time-input" class="custom-expiration-time inline-block" value="{{time_input}}" maxlength="3"/> <input type="text" autocomplete="off" name="custom-expiration-time" id="custom-expiration-time-input" class="custom-expiration-time inline-block" value="{{time_input}}" maxlength="3"/>
<select class="custom-expiration-time" id="custom-expiration-time-unit"> <select class="custom-expiration-time bootstrap-focus-style" id="custom-expiration-time-unit">
{{#each time_choices}} {{#each time_choices}}
<option name="custom_time_choice" class="custom_time_choice" value="{{this}}">{{this}}</option> <option name="custom_time_choice" class="custom_time_choice" value="{{this}}">{{this}}</option>
{{/each}} {{/each}}
@ -55,7 +55,7 @@
{{> help_link_widget link="/help/roles-and-permissions" }} {{> help_link_widget link="/help/roles-and-permissions" }}
</label> </label>
<div> <div>
<select id="invite_as" class="invite-as"> <select id="invite_as bootstrap-focus-style" class="invite-as">
<option name="invite_as" value="{{ invite_as_options.guest.code }}">{{t "Guests" }}</option> <option name="invite_as" value="{{ invite_as_options.guest.code }}">{{t "Guests" }}</option>
<option name="invite_as" selected="selected" value="{{ invite_as_options.member.code }}">{{t "Members" }}</option> <option name="invite_as" selected="selected" value="{{ invite_as_options.member.code }}">{{t "Members" }}</option>
{{#if is_admin}} {{#if is_admin}}

2
static/templates/move_topic_to_stream.hbs
View File

@ -15,7 +15,7 @@
<input name="old_topic_name" type="hidden" class="inline_topic_edit" value="{{topic_name}}" /> <input name="old_topic_name" type="hidden" class="inline_topic_edit" value="{{topic_name}}" />
<input name="current_stream_id" type="hidden" value="{{current_stream_id}}" /> <input name="current_stream_id" type="hidden" value="{{current_stream_id}}" />
{{#if from_message_actions_popover}} {{#if from_message_actions_popover}}
<select class="message_edit_topic_propagate"> <select class="message_edit_topic_propagate bootstrap-focus-style">
<option value="change_one"> {{t "Move only this message" }}</option> <option value="change_one"> {{t "Move only this message" }}</option>
<option selected="selected" value="change_later"> {{t "Move this and all following messages in this topic" }}</option> <option selected="selected" value="change_later"> {{t "Move this and all following messages in this topic" }}</option>
<option value="change_all"> {{t "Move all messages in this topic" }}</option> <option value="change_all"> {{t "Move all messages in this topic" }}</option>

6
static/templates/settings/add_new_bot_form.hbs
View File

@ -5,7 +5,7 @@
{{t "Bot type" }} {{t "Bot type" }}
<i class="fa fa-question-circle settings-info-icon bot_type_tooltip tippy-zulip-tooltip" aria-hidden="true" data-tippy-content='{{t "Incoming webhooks can only send messages." }}'></i> <i class="fa fa-question-circle settings-info-icon bot_type_tooltip tippy-zulip-tooltip" aria-hidden="true" data-tippy-content='{{t "Incoming webhooks can only send messages." }}'></i>
</label> </label>
<select name="bot_type" id="create_bot_type"> <select name="bot_type" id="create_bot_type" class="bootstrap-focus-style">
{{#each bot_types}} {{#each bot_types}}
{{#if this.allowed}} {{#if this.allowed}}
<option value="{{this.type_id}}">{{this.name}}</option> <option value="{{this.type_id}}">{{this.name}}</option>
@ -15,7 +15,7 @@
</div> </div>
<div class="input-group" id="service_name_list"> <div class="input-group" id="service_name_list">
<label for="select_service_name">{{t "Bot"}}</label> <label for="select_service_name">{{t "Bot"}}</label>
<select name="service_name" id="select_service_name"> <select name="service_name" id="select_service_name" class="bootstrap-focus-style">
{{#each realm_embedded_bots}} {{#each realm_embedded_bots}}
<option value="{{this.name}}">{{this.name}}</option> <option value="{{this.name}}">{{this.name}}</option>
{{/each}} {{/each}}
@ -45,7 +45,7 @@
</div> </div>
<div class="input-group"> <div class="input-group">
<label for="interface_type">{{t "Outgoing webhook message format" }}</label> <label for="interface_type">{{t "Outgoing webhook message format" }}</label>
<select name="interface_type" id="create_interface_type"> <select name="interface_type" id="create_interface_type" class="bootstrap-focus-style">
<option value="1">Zulip</option> <option value="1">Zulip</option>
<option value="2">{{t "Slack compatible" }}</option> <option value="2">{{t "Slack compatible" }}</option>
</select> </select>

4
static/templates/settings/add_new_custom_profile_field_form.hbs
View File

@ -2,7 +2,7 @@
<div class="new-profile-field-form wrapper"> <div class="new-profile-field-form wrapper">
<div class="input-group"> <div class="input-group">
<label for="profile_field_type" >{{t "Type" }}</label> <label for="profile_field_type" >{{t "Type" }}</label>
<select id="profile_field_type" name="field_type"> <select id="profile_field_type" name="field_type" class="bootstrap-focus-style">
{{#each custom_profile_field_types}} {{#each custom_profile_field_types}}
<option value='{{this.id}}'>{{this.name}}</option> <option value='{{this.id}}'>{{this.name}}</option>
{{/each}} {{/each}}
@ -10,7 +10,7 @@
</div> </div>
<div class="input-group" id="profile_field_external_accounts"> <div class="input-group" id="profile_field_external_accounts">
<label for="profile_field_external_accounts_type" >{{t "External account type" }}</label> <label for="profile_field_external_accounts_type" >{{t "External account type" }}</label>
<select id="profile_field_external_accounts_type" name="external_acc_field_type"> <select id="profile_field_external_accounts_type" name="external_acc_field_type" class="bootstrap-focus-style">
{{#each realm_default_external_accounts}} {{#each realm_default_external_accounts}}
<option value='{{@key}}'>{{this.text}}</option> <option value='{{@key}}'>{{this.text}}</option>
{{/each}} {{/each}}

2
static/templates/settings/admin_human_form.hbs
View File

@ -19,7 +19,7 @@
<label class="input-label" for="user-role-select">{{t 'User role' }} <label class="input-label" for="user-role-select">{{t 'User role' }}
{{> ../help_link_widget link="/help/roles-and-permissions" }} {{> ../help_link_widget link="/help/roles-and-permissions" }}
</label> </label>
<select name="user-role-select" id="user-role-select" data-setting-widget-type="number" {{#if disable_role_dropdown}}disabled{{/if}}> <select name="user-role-select" class="bootstrap-focus-style" id="user-role-select" data-setting-widget-type="number" {{#if disable_role_dropdown}}disabled{{/if}}>
{{> dropdown_options_widget option_values=user_role_values}} {{> dropdown_options_widget option_values=user_role_values}}
</select> </select>
</div> </div>

2
static/templates/settings/custom_user_profile_field.hbs
View File

@ -6,7 +6,7 @@
{{#if is_long_text_field}} {{#if is_long_text_field}}
<textarea maxlength="500" class="custom_user_field_value settings_textarea">{{ field_value.value }}</textarea> <textarea maxlength="500" class="custom_user_field_value settings_textarea">{{ field_value.value }}</textarea>
{{else if is_select_field}} {{else if is_select_field}}
<select class="custom_user_field_value"> <select class="custom_user_field_value bootstrap-focus-style">
<option value=""></option> <option value=""></option>
{{#each field_choices}} {{#each field_choices}}
<option value="{{ this.value }}" {{#if this.selected}}selected{{/if}}>{{ this.text }}</option> <option value="{{ this.value }}" {{#if this.selected}}selected{{/if}}>{{ this.text }}</option>

8
static/templates/settings/display_settings.hbs
View File

@ -19,7 +19,7 @@
<div class="input-group"> <div class="input-group">
<label for="twenty_four_hour_time" class="dropdown-title">{{ settings_label.twenty_four_hour_time }}</label> <label for="twenty_four_hour_time" class="dropdown-title">{{ settings_label.twenty_four_hour_time }}</label>
<select name="twenty_four_hour_time" class="setting_twenty_four_hour_time prop-element" id="{{prefix}}twenty_four_hour_time" data-setting-widget-type="string"> <select name="twenty_four_hour_time" class="setting_twenty_four_hour_time prop-element bootstrap-focus-style" id="{{prefix}}twenty_four_hour_time" data-setting-widget-type="string">
{{#each twenty_four_hour_time_values}} {{#each twenty_four_hour_time_values}}
<option value='{{ this.value }}'>{{ this.description }}</option> <option value='{{ this.value }}'>{{ this.description }}</option>
{{/each}} {{/each}}
@ -37,7 +37,7 @@
<div class="input-group"> <div class="input-group">
<label for="color_scheme" class="dropdown-title">{{t "Color scheme" }}</label> <label for="color_scheme" class="dropdown-title">{{t "Color scheme" }}</label>
<select name="color_scheme" class="setting_color_scheme prop-element" id="{{prefix}}color_scheme" data-setting-widget-type="number"> <select name="color_scheme" class="setting_color_scheme prop-element bootstrap-focus-style" id="{{prefix}}color_scheme" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=color_scheme_values}} {{> dropdown_options_widget option_values=color_scheme_values}}
</select> </select>
</div> </div>
@ -118,7 +118,7 @@
<label for="default_view" class="dropdown-title">{{t "Default view" }} <label for="default_view" class="dropdown-title">{{t "Default view" }}
{{> ../help_link_widget link="/help/configure-default-view" }} {{> ../help_link_widget link="/help/configure-default-view" }}
</label> </label>
<select name="default_view" class="setting_default_view prop-element" id="{{prefix}}default_view" data-setting-widget-type="string"> <select name="default_view" class="setting_default_view prop-element bootstrap-focus-style" id="{{prefix}}default_view" data-setting-widget-type="string">
{{> dropdown_options_widget option_values=default_view_values}} {{> dropdown_options_widget option_values=default_view_values}}
</select> </select>
</div> </div>
@ -133,7 +133,7 @@
<label for="demote_inactive_streams" class="dropdown-title">{{t "Demote inactive streams" }} <label for="demote_inactive_streams" class="dropdown-title">{{t "Demote inactive streams" }}
{{> ../help_link_widget link="/help/manage-inactive-streams" }} {{> ../help_link_widget link="/help/manage-inactive-streams" }}
</label> </label>
<select name="demote_inactive_streams" class="setting_demote_inactive_streams prop-element" id="{{prefix}}demote_inactive_streams" data-setting-widget-type="number"> <select name="demote_inactive_streams" class="setting_demote_inactive_streams prop-element bootstrap-focus-style" id="{{prefix}}demote_inactive_streams" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=demote_inactive_streams_values}} {{> dropdown_options_widget option_values=demote_inactive_streams_values}}
</select> </select>
</div> </div>

6
static/templates/settings/notification_settings.hbs
View File

@ -73,7 +73,7 @@
{{t "Notification sound" }} {{t "Notification sound" }}
</label> </label>
<div class="input-group {{#unless enable_sound_select}}control-label-disabled{{/unless}}"> <div class="input-group bootstrap-focus-style {{#unless enable_sound_select}}control-label-disabled{{/unless}}">
<select name="notification_sound" class="setting_notification_sound prop-element" id="{{prefix}}notification_sound" data-setting-widget-type="string" <select name="notification_sound" class="setting_notification_sound prop-element" id="{{prefix}}notification_sound" data-setting-widget-type="string"
{{#unless enable_sound_select}} {{#unless enable_sound_select}}
disabled disabled
@ -90,7 +90,7 @@
<div class="input-group"> <div class="input-group">
<label for="desktop_icon_count_display" class="dropdown-title">{{ settings_label.desktop_icon_count_display }}</label> <label for="desktop_icon_count_display" class="dropdown-title">{{ settings_label.desktop_icon_count_display }}</label>
<select name="desktop_icon_count_display" class="setting_desktop_icon_count_display prop-element" id="{{prefix}}desktop_icon_count_display" data-setting-widget-type="number"> <select name="desktop_icon_count_display" class="setting_desktop_icon_count_display prop-element bootstrap-focus-style" id="{{prefix}}desktop_icon_count_display" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=desktop_icon_count_display_values}} {{> dropdown_options_widget option_values=desktop_icon_count_display_values}}
</select> </select>
</div> </div>
@ -129,7 +129,7 @@
<label for="email_notifications_batching_period"> <label for="email_notifications_batching_period">
{{t "Delay before sending message notification emails" }} {{t "Delay before sending message notification emails" }}
</label> </label>
<select name="email_notifications_batching_period_seconds" class="setting_email_notifications_batching_period_seconds prop-element" id="{{prefix}}email_notifications_batching_period_seconds" data-setting-widget-type="time-limit"> <select name="email_notifications_batching_period_seconds" class="setting_email_notifications_batching_period_seconds prop-element bootstrap-focus-style" id="{{prefix}}email_notifications_batching_period_seconds" data-setting-widget-type="time-limit">
{{#each email_notifications_batching_period_values}} {{#each email_notifications_batching_period_values}}
<option value="{{ this.value }}">{{ this.description }}</option> <option value="{{ this.value }}">{{ this.description }}</option>
{{/each}} {{/each}}

36
static/templates/settings/organization_permissions_admin.hbs
View File

@ -18,14 +18,14 @@
label=admin_settings_label.realm_invite_required}} label=admin_settings_label.realm_invite_required}}
<label for="realm_invite_to_realm_policy" class="dropdown-title">{{t "Who can invite users to this organization" }} <label for="realm_invite_to_realm_policy" class="dropdown-title">{{t "Who can invite users to this organization" }}
</label> </label>
<select name="realm_invite_to_realm_policy" id="id_realm_invite_to_realm_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_invite_to_realm_policy" id="id_realm_invite_to_realm_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=invite_to_realm_policy_values}} {{> dropdown_options_widget option_values=invite_to_realm_policy_values}}
</select> </select>
</div> </div>
<div class="input-group"> <div class="input-group">
<label for="realm_org_join_restrictions" class="dropdown-title">{{t "Restrict email domains of new users?" }}</label> <label for="realm_org_join_restrictions" class="dropdown-title">{{t "Restrict email domains of new users?" }}</label>
<select name="realm_org_join_restrictions" id="id_realm_org_join_restrictions" class="prop-element"> <select name="realm_org_join_restrictions" id="id_realm_org_join_restrictions" class="prop-element bootstrap-focus-style">
<option value="no_restriction">{{t "No restrictions" }}</option> <option value="no_restriction">{{t "No restrictions" }}</option>
<option value="no_disposable_email">{{t "Don’t allow disposable email addresses" }}</option> <option value="no_disposable_email">{{t "Don’t allow disposable email addresses" }}</option>
<option value="only_selected_domain">{{t "Restrict to a list of domains" }}</option> <option value="only_selected_domain">{{t "Restrict to a list of domains" }}</option>
@ -42,7 +42,7 @@
{{t "Waiting period before new members turn into full members" }} {{t "Waiting period before new members turn into full members" }}
{{> ../help_link_widget link="/help/restrict-permissions-of-new-members" }} {{> ../help_link_widget link="/help/restrict-permissions-of-new-members" }}
</label> </label>
<select name="realm_waiting_period_threshold" id="id_realm_waiting_period_threshold" class="prop-element" data-setting-widget-type="time-limit"> <select name="realm_waiting_period_threshold" id="id_realm_waiting_period_threshold" class="prop-element bootstrap-focus-style" data-setting-widget-type="time-limit">
{{> dropdown_options_widget option_values=waiting_period_threshold_dropdown_values}} {{> dropdown_options_widget option_values=waiting_period_threshold_dropdown_values}}
</select> </select>
{{!-- This setting is hidden unless `custom_period` --}} {{!-- This setting is hidden unless `custom_period` --}}
@ -85,7 +85,7 @@
<label for="realm_email_address_visibility">{{t "Who can access user email addresses" }} <label for="realm_email_address_visibility">{{t "Who can access user email addresses" }}
{{> ../help_link_widget link="/help/restrict-visibility-of-email-addresses" }} {{> ../help_link_widget link="/help/restrict-visibility-of-email-addresses" }}
</label> </label>
<select name="realm_email_address_visibility" class="setting-widget prop-element" id="id_realm_email_address_visibility" data-setting-widget-type="number"> <select name="realm_email_address_visibility" class="setting-widget prop-element bootstrap-focus-style" id="id_realm_email_address_visibility" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=email_address_visibility_values}} {{> dropdown_options_widget option_values=email_address_visibility_values}}
</select> </select>
</div> </div>
@ -99,7 +99,7 @@
<div class="m-10 inline-block organization-permissions-parent"> <div class="m-10 inline-block organization-permissions-parent">
<div class="input-group"> <div class="input-group">
<label for="realm_create_public_stream_policy" class="dropdown-title">{{t "Who can create public streams" }}</label> <label for="realm_create_public_stream_policy" class="dropdown-title">{{t "Who can create public streams" }}</label>
<select name="realm_create_public_stream_policy" id="id_realm_create_public_stream_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_create_public_stream_policy" id="id_realm_create_public_stream_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=common_policy_values}} {{> dropdown_options_widget option_values=common_policy_values}}
</select> </select>
</div> </div>
@ -113,19 +113,19 @@
help_link="/help/public-access-option"}} help_link="/help/public-access-option"}}
<div class="input-group realm_create_web_public_stream_policy"> <div class="input-group realm_create_web_public_stream_policy">
<label for="realm_create_web_public_stream_policy" class="dropdown-title">{{t "Who can create web-public streams" }}</label> <label for="realm_create_web_public_stream_policy" class="dropdown-title">{{t "Who can create web-public streams" }}</label>
<select name="realm_create_web_public_stream_policy" id="id_realm_create_web_public_stream_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_create_web_public_stream_policy" id="id_realm_create_web_public_stream_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=create_web_public_stream_policy_values}} {{> dropdown_options_widget option_values=create_web_public_stream_policy_values}}
</select> </select>
</div> </div>
<div class="input-group"> <div class="input-group">
<label for="realm_create_private_stream_policy" class="dropdown-title">{{t "Who can create private streams" }}</label> <label for="realm_create_private_stream_policy" class="dropdown-title">{{t "Who can create private streams" }}</label>
<select name="realm_create_private_stream_policy" id="id_realm_create_private_stream_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_create_private_stream_policy" id="id_realm_create_private_stream_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=common_policy_values}} {{> dropdown_options_widget option_values=common_policy_values}}
</select> </select>
</div> </div>
<div class="input-group"> <div class="input-group">
<label for="realm_invite_to_stream_policy" class="dropdown-title">{{t "Who can add users to streams" }}</label> <label for="realm_invite_to_stream_policy" class="dropdown-title">{{t "Who can add users to streams" }}</label>
<select name="realm_invite_to_stream_policy" id="id_realm_invite_to_stream_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_invite_to_stream_policy" id="id_realm_invite_to_stream_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=common_policy_values}} {{> dropdown_options_widget option_values=common_policy_values}}
</select> </select>
</div> </div>
@ -133,7 +133,7 @@
<label for="realm_wildcard_mention_policy" class="dropdown-title">{{t "Who can use @all/@everyone mentions in large streams" }} <label for="realm_wildcard_mention_policy" class="dropdown-title">{{t "Who can use @all/@everyone mentions in large streams" }}
{{> ../help_link_widget link="/help/restrict-wildcard-mentions" }} {{> ../help_link_widget link="/help/restrict-wildcard-mentions" }}
</label> </label>
<select name="realm_wildcard_mention_policy" id="id_realm_wildcard_mention_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_wildcard_mention_policy" id="id_realm_wildcard_mention_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=wildcard_mention_policy_values}} {{> dropdown_options_widget option_values=wildcard_mention_policy_values}}
</select> </select>
</div> </div>
@ -162,7 +162,7 @@
<div class="input-group time-limit-setting"> <div class="input-group time-limit-setting">
<label for="realm_message_content_edit_limit_seconds" class="dropdown-title">{{t "Time limit for editing messages" }}</label> <label for="realm_message_content_edit_limit_seconds" class="dropdown-title">{{t "Time limit for editing messages" }}</label>
<select name="realm_message_content_edit_limit_seconds" id="id_realm_message_content_edit_limit_seconds" class="prop-element" {{#unless realm_allow_message_editing}}disabled{{/unless}} data-setting-widget-type="time-limit"> <select name="realm_message_content_edit_limit_seconds" id="id_realm_message_content_edit_limit_seconds" class="prop-element bootstrap-focus-style" {{#unless realm_allow_message_editing}}disabled{{/unless}} data-setting-widget-type="time-limit">
{{#each msg_edit_limit_dropdown_values}} {{#each msg_edit_limit_dropdown_values}}
<option value="{{value}}">{{text}}</option> <option value="{{value}}">{{text}}</option>
{{/each}} {{/each}}
@ -191,7 +191,7 @@
</div> </div>
<div class="input-group"> <div class="input-group">
<label for="realm_edit_topic_policy" class="dropdown-title">{{t "Who can move messages to another topic" }}</label> <label for="realm_edit_topic_policy" class="dropdown-title">{{t "Who can move messages to another topic" }}</label>
<select name="realm_edit_topic_policy" id="id_realm_edit_topic_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_edit_topic_policy" id="id_realm_edit_topic_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=edit_topic_policy_values}} {{> dropdown_options_widget option_values=edit_topic_policy_values}}
</select> </select>
</div> </div>
@ -199,7 +199,7 @@
<div class="input-group"> <div class="input-group">
<label for="realm_move_messages_between_streams_policy">{{t "Who can move messages to another stream" }} <label for="realm_move_messages_between_streams_policy">{{t "Who can move messages to another stream" }}
</label> </label>
<select name="realm_move_messages_between_streams_policy" class="setting-widget prop-element" id="id_realm_move_messages_between_streams_policy" data-setting-widget-type="number"> <select name="realm_move_messages_between_streams_policy" class="setting-widget prop-element bootstrap-focus-style" id="id_realm_move_messages_between_streams_policy" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=move_messages_between_streams_policy_values}} {{> dropdown_options_widget option_values=move_messages_between_streams_policy_values}}
</select> </select>
</div> </div>
@ -220,7 +220,7 @@
<label for="realm_delete_own_message_policy" class="dropdown-title"> <label for="realm_delete_own_message_policy" class="dropdown-title">
{{t "Who can delete their own messages" }} {{t "Who can delete their own messages" }}
</label> </label>
<select name="realm_delete_own_message_policy" id="id_realm_delete_own_message_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_delete_own_message_policy" id="id_realm_delete_own_message_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=common_message_policy_values}} {{> dropdown_options_widget option_values=common_message_policy_values}}
</select> </select>
</div> </div>
@ -229,7 +229,7 @@
<label for="realm_message_content_delete_limit_seconds" class="dropdown-title"> <label for="realm_message_content_delete_limit_seconds" class="dropdown-title">
{{t "Time limit for deleting messages" }} {{t "Time limit for deleting messages" }}
</label> </label>
<select name="realm_message_content_delete_limit_seconds" id="id_realm_message_content_delete_limit_seconds" class="prop-element" data-setting-widget-type="time-limit"> <select name="realm_message_content_delete_limit_seconds" id="id_realm_message_content_delete_limit_seconds" class="prop-element bootstrap-focus-style" data-setting-widget-type="time-limit">
{{#each msg_delete_limit_dropdown_values}} {{#each msg_delete_limit_dropdown_values}}
<option value="{{value}}">{{text}}</option> <option value="{{value}}">{{text}}</option>
{{/each}} {{/each}}
@ -256,21 +256,21 @@
<div class="m-10 inline-block organization-permissions-parent"> <div class="m-10 inline-block organization-permissions-parent">
<div class="input-group"> <div class="input-group">
<label for="realm_bot_creation_policy">{{t "Who can add bots" }}</label> <label for="realm_bot_creation_policy">{{t "Who can add bots" }}</label>
<select name="realm_bot_creation_policy" class="setting-widget prop-element" id="id_realm_bot_creation_policy" data-setting-widget-type="number"> <select name="realm_bot_creation_policy" class="setting-widget prop-element bootstrap-focus-style" id="id_realm_bot_creation_policy" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=bot_creation_policy_values}} {{> dropdown_options_widget option_values=bot_creation_policy_values}}
</select> </select>
</div> </div>
<div class="input-group"> <div class="input-group">
<label for="realm_user_group_edit_policy" class="dropdown-title">{{t "Who can create and manage user groups" }}</label> <label for="realm_user_group_edit_policy" class="dropdown-title">{{t "Who can create and manage user groups" }}</label>
<select name="realm_user_group_edit_policy" id="id_realm_user_group_edit_policy" class="prop-element" data-setting-widget-type="number"> <select name="realm_user_group_edit_policy" id="id_realm_user_group_edit_policy" class="prop-element bootstrap-focus-style" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=common_policy_values}} {{> dropdown_options_widget option_values=common_policy_values}}
</select> </select>
</div> </div>
<div class="input-group"> <div class="input-group">
<label for="realm_add_custom_emoji_policy" class="dropdown-title">{{t "Who can add custom emoji" }}</label> <label for="realm_add_custom_emoji_policy" class="dropdown-title">{{t "Who can add custom emoji" }}</label>
<select name="realm_add_custom_emoji_policy" class="setting-widget prop-element" id="id_realm_add_custom_emoji_policy" data-setting-widget-type="number"> <select name="realm_add_custom_emoji_policy" class="setting-widget prop-element bootstrap-focus-style" id="id_realm_add_custom_emoji_policy" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=common_policy_values}} {{> dropdown_options_widget option_values=common_policy_values}}
</select> </select>
</div> </div>
@ -279,7 +279,7 @@
<label for="realm_private_message_policy">{{t "Who can use private messages" }} ({{t "beta" }}) <label for="realm_private_message_policy">{{t "Who can use private messages" }} ({{t "beta" }})
{{> ../help_link_widget link="/help/restrict-private-messages" }} {{> ../help_link_widget link="/help/restrict-private-messages" }}
</label> </label>
<select name="realm_private_message_policy" class="setting-widget prop-element" id="id_realm_private_message_policy" data-setting-widget-type="number"> <select name="realm_private_message_policy" class="setting-widget prop-element bootstrap-focus-style" id="id_realm_private_message_policy" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=private_message_policy_values}} {{> dropdown_options_widget option_values=private_message_policy_values}}
</select> </select>
</div> </div>

2
static/templates/settings/organization_profile_admin.hbs
View File

@ -21,7 +21,7 @@
<label for="realm_org_type" class="dropdown-title">{{t "Organization type" }} <label for="realm_org_type" class="dropdown-title">{{t "Organization type" }}
{{> ../help_link_widget link="/help/organization-type" }} {{> ../help_link_widget link="/help/organization-type" }}
</label> </label>
<select name="realm_org_type" class="setting-widget prop-element" id="id_realm_org_type" data-setting-widget-type="number"> <select name="realm_org_type" class="setting-widget prop-element bootstrap-focus-style" id="id_realm_org_type" data-setting-widget-type="number">
{{> dropdown_options_widget option_values=realm_org_type_values}} {{> dropdown_options_widget option_values=realm_org_type_values}}
</select> </select>
</div> </div>

8
static/templates/settings/organization_settings_admin.hbs
View File

@ -23,7 +23,7 @@
<label for="realm_digest_weekday" class="dropdown-title">{{t "Day of the week to send digests" }}</label> <label for="realm_digest_weekday" class="dropdown-title">{{t "Day of the week to send digests" }}</label>
<select name="realm_digest_weekday" <select name="realm_digest_weekday"
id="id_realm_digest_weekday" id="id_realm_digest_weekday"
class="setting-widget prop-element" class="setting-widget prop-element bootstrap-focus-style"
data-setting-widget-type="number"> data-setting-widget-type="number">
<option value="0">{{t "Monday" }}</option> <option value="0">{{t "Monday" }}</option>
<option value="1">{{t "Tuesday" }}</option> <option value="1">{{t "Tuesday" }}</option>
@ -74,7 +74,7 @@
<label for="id_realm_message_retention_days" class="dropdown-title">{{t "Message retention period" }} <label for="id_realm_message_retention_days" class="dropdown-title">{{t "Message retention period" }}
</label> </label>
<select name="realm_message_retention_days" <select name="realm_message_retention_days"
id="id_realm_message_retention_days" class="prop-element" id="id_realm_message_retention_days" class="prop-element bootstrap-focus-style"
data-setting-widget-type="message-retention-setting" data-setting-widget-type="message-retention-setting"
{{#unless zulip_plan_is_not_limited}}disabled{{/unless}}> {{#unless zulip_plan_is_not_limited}}disabled{{/unless}}>
<option value="unlimited">{{t 'Retain forever' }}</option> <option value="unlimited">{{t 'Retain forever' }}</option>
@ -105,7 +105,7 @@
<label for="realm_video_chat_provider" class="dropdown-title"> <label for="realm_video_chat_provider" class="dropdown-title">
{{t 'Video call provider' }} {{t 'Video call provider' }}
</label> </label>
<select name="realm_video_chat_provider" class ="setting-widget prop-element" id="id_realm_video_chat_provider" data-setting-widget-type="number"> <select name="realm_video_chat_provider" class ="setting-widget prop-element bootstrap-focus-style" id="id_realm_video_chat_provider" data-setting-widget-type="number">
{{#each realm_available_video_chat_providers}} {{#each realm_available_video_chat_providers}}
<option value='{{this.id}}'>{{this.name}}</option> <option value='{{this.id}}'>{{this.name}}</option>
{{/each}} {{/each}}
@ -116,7 +116,7 @@
{{t 'GIPHY integration' }} {{t 'GIPHY integration' }}
{{> ../help_link_widget link=giphy_help_link }} {{> ../help_link_widget link=giphy_help_link }}
</label> </label>
<select name="realm_giphy_rating" class ="setting-widget prop-element" id="id_realm_giphy_rating" data-setting-widget-type="number" {{#if giphy_api_key_empty}}disabled{{/if}}> <select name="realm_giphy_rating" class ="setting-widget prop-element bootstrap-focus-style" id="id_realm_giphy_rating" data-setting-widget-type="number" {{#if giphy_api_key_empty}}disabled{{/if}}>
{{#each giphy_rating_options}} {{#each giphy_rating_options}}
<option value='{{this.id}}'>{{this.name}}</option> <option value='{{this.id}}'>{{this.name}}</option>
{{/each}} {{/each}}

2
static/templates/settings/profile_settings.hbs
View File

@ -20,7 +20,7 @@
<label for="timezone" class="dropdown-title inline-block">{{t "Time zone" }}</label> <label for="timezone" class="dropdown-title inline-block">{{t "Time zone" }}</label>
<div class="alert-notification timezone-setting-status"></div> <div class="alert-notification timezone-setting-status"></div>
<div class="timezone-input"> <div class="timezone-input">
<select name="timezone" id="user_timezone" class> <select name="timezone" id="user_timezone" class="bootstrap-focus-style">
{{#unless settings_object.timezone}} {{#unless settings_object.timezone}}
<option></option> <option></option>
{{/unless}} {{/unless}}

4
static/templates/stream_settings/stream_types.hbs
View File

@ -31,7 +31,7 @@
<label class="dropdown-title">{{t 'Who can post to the stream?'}} <label class="dropdown-title">{{t 'Who can post to the stream?'}}
{{> ../help_link_widget link="/help/stream-sending-policy" }} {{> ../help_link_widget link="/help/stream-sending-policy" }}
</label> </label>
<select name="stream-post-policy" class="stream_post_policy_setting prop-element" id="id_stream_post_policy" data-setting-widget-type="number"> <select name="stream-post-policy" class="stream_post_policy_setting prop-element bootstrap-focus-style" id="id_stream_post_policy" data-setting-widget-type="number">
{{#each stream_post_policy_values}} {{#each stream_post_policy_values}}
<option value="{{this.code}}" {{#if (eq this.code ../stream_post_policy) }}selected{{/if}}> <option value="{{this.code}}" {{#if (eq this.code ../stream_post_policy) }}selected{{/if}}>
{{ this.description}} {{ this.description}}
@ -50,7 +50,7 @@
{{> ../settings/upgrade_tip_widget}} {{> ../settings/upgrade_tip_widget}}
<select name="stream_message_retention_setting" <select name="stream_message_retention_setting"
class="stream_message_retention_setting prop-element" class="stream_message_retention_setting prop-element bootstrap-focus-style"
id="id_message_retention_days" id="id_message_retention_days"
data-setting-widget-type="message-retention-setting"> data-setting-widget-type="message-retention-setting">
<option value="realm_default">{{#tr}}Use organization level settings {org_level_message_retention_setting}{{/tr}}</option> <option value="realm_default">{{#tr}}Use organization level settings {org_level_message_retention_setting}{{/tr}}</option>

2
templates/corporate/upgrade.html
View File

@ -248,7 +248,7 @@
<label> <label>
<h4>Organization type</h4> <h4>Organization type</h4>
</label> </label>
<select name="organization-type"> <select name="organization-type" class="bootstrap-focus-style">
{% for org_type in sorted_org_types %} {% for org_type in sorted_org_types %}
{% if not org_type[1].hidden %} {% if not org_type[1].hidden %}
<option data-string-value="{{ org_type[0] }}" <option data-string-value="{{ org_type[0] }}"

2
templates/zerver/development/dev_login.html
View File

@ -99,7 +99,7 @@ page can be easily identified in it's respective JavaScript file -->
<form name="change_realm" action="{{ url('login_page') }}" method="post"> <form name="change_realm" action="{{ url('login_page') }}" method="post">
{{ csrf_input }} {{ csrf_input }}
<h2>Realm</h2> <h2>Realm</h2>
<select name="new_realm" onchange="this.form.submit()"> <select class="bootstrap-focus-style" name="new_realm" onchange="this.form.submit()">
<option value="all_realms" {% if not current_realm %}selected="selected"{% endif %}>All realms</option> <option value="all_realms" {% if not current_realm %}selected="selected"{% endif %}>All realms</option>
{% for realm in all_realms %} {% for realm in all_realms %}
<option value="{{realm.string_id}}" {% if current_realm == realm %}selected="selected"{% endif %}>{{realm.name}}</option> <option value="{{realm.string_id}}" {% if current_realm == realm %}selected="selected"{% endif %}>{{realm.name}}</option>

6
templates/zerver/development/integrations_dev_panel.html
View File

@ -37,7 +37,7 @@
<div class="row1"> <div class="row1">
<div> <div>
<label for="bot_name"><b>Bot</b></label> <label for="bot_name"><b>Bot</b></label>
<select id="bot_name"> <select class="bootstrap-focus-style" id="bot_name">
<option value=""></option> <option value=""></option>
{% for bot in bots %} {% for bot in bots %}
<option value="{{ bot.api_key }}"> {{ bot.full_name }} </option> <option value="{{ bot.api_key }}"> {{ bot.full_name }} </option>
@ -47,7 +47,7 @@
<div> <div>
<label><b>Integration</b></label> <label><b>Integration</b></label>
<select id="integration_name"> <select class="bootstrap-focus-style" id="integration_name">
<option value=""></option> <option value=""></option>
{% for integration in integrations %} {% for integration in integrations %}
<option value="{{ integration }}"> {{ integration }} </option> <option value="{{ integration }}"> {{ integration }} </option>
@ -57,7 +57,7 @@
<div> <div>
<label for="fixture_name"><b>Fixture</b></label> <label for="fixture_name"><b>Fixture</b></label>
<select id="fixture_name"></select> <select class="bootstrap-focus-style" id="fixture_name"></select>
</div> </div>
<div> <div>