paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-01 12:33:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Add class decorated-stream-name-dropdown-widget.

Browse Source 
This commit introduces a class
`decorated-stream-name-dropdown-widget`. The class extracts
the styles applied to channel dropdowns in commit:
9ae704510f org_settings: Correctly display long channel names,
so they can be reused at other instances.
This commit is contained in:
Saubhagya Patel
2025-06-07 14:25:35 +05:30
committed by Tim Abbott
parent 6e38b56405
commit 1471e9b828
3 changed files with 27 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/styles/settings.css
View File

@@ -415,6 +415,26 @@ input[type="checkbox"] {
} }
} }
.decorated-stream-name-dropdown-widget {
.dropdown_widget_value {
/* The max-width should account for the
16px-square box (at 16px/1em) for the
chevron icon. */
max-width: calc(100% - 1em);
display: flex;
align-items: baseline;
/* Mimic the space from the previous inline
layout. */
gap: 0.4ch;
}
.decorated-channel-name {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.allow-subdomains, .allow-subdomains,
.new-realm-domain-allow-subdomains { .new-realm-domain-allow-subdomains {
margin: 0 !important; margin: 0 !important;
@@ -842,24 +862,6 @@ input[type="checkbox"] {
#organization-settings { #organization-settings {
.dropdown-widget-button { .dropdown-widget-button {
color: hsl(0deg 0% 33%); color: hsl(0deg 0% 33%);
.dropdown_widget_value {
/* The max-width should account for the
16px-square box (at 16px/1em) for the
chevron icon. */
max-width: calc(100% - 1em);
display: flex;
align-items: baseline;
/* Mimic the space from the previous inline
layout. */
gap: 0.4ch;
}
.decorated-channel-name {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} }
} }

2
web/templates/dropdown_widget.hbs
View File

@@ -1,4 +1,4 @@
<button id="{{widget_name}}_widget" class="dropdown-widget-button" type="button" {{#if is_setting_disabled}}disabled{{/if}} {{#if disable_keyboard_focus}}tabindex="-1"{{/if}} name="{{widget_name}}"> <button id="{{widget_name}}_widget" class="dropdown-widget-button {{#if custom_classes}}{{custom_classes}}{{/if}}" type="button" {{#if is_setting_disabled}}disabled{{/if}} {{#if disable_keyboard_focus}}tabindex="-1"{{/if}} name="{{widget_name}}">
<span class="dropdown_widget_value">{{#if default_text}}{{default_text}}{{/if}}</span> <span class="dropdown_widget_value">{{#if default_text}}{{default_text}}{{/if}}</span>
<i class="zulip-icon zulip-icon-chevron-down"></i> <i class="zulip-icon zulip-icon-chevron-down"></i>
</button> </button>

9
web/templates/settings/organization_settings_admin.hbs
View File

@@ -19,17 +19,20 @@
{{> ../dropdown_widget_with_label {{> ../dropdown_widget_with_label
widget_name="realm_new_stream_announcements_stream_id" widget_name="realm_new_stream_announcements_stream_id"
label=admin_settings_label.realm_new_stream_announcements_stream label=admin_settings_label.realm_new_stream_announcements_stream
value_type="number"}} value_type="number"
custom_classes="decorated-stream-name-dropdown-widget"}}
{{> ../dropdown_widget_with_label {{> ../dropdown_widget_with_label
widget_name="realm_signup_announcements_stream_id" widget_name="realm_signup_announcements_stream_id"
label=admin_settings_label.realm_signup_announcements_stream label=admin_settings_label.realm_signup_announcements_stream
value_type="number"}} value_type="number"
custom_classes="decorated-stream-name-dropdown-widget"}}
{{> ../dropdown_widget_with_label {{> ../dropdown_widget_with_label
widget_name="realm_zulip_update_announcements_stream_id" widget_name="realm_zulip_update_announcements_stream_id"
label=admin_settings_label.realm_zulip_update_announcements_stream label=admin_settings_label.realm_zulip_update_announcements_stream
value_type="number"}} value_type="number"
custom_classes="decorated-stream-name-dropdown-widget"}}
{{> settings_checkbox {{> settings_checkbox
setting_name="realm_message_content_allowed_in_email_notifications" setting_name="realm_message_content_allowed_in_email_notifications"