paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-20 22:48:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

layout: Tweak dropdown for correct icon-label alignment.

Browse Source
This commit is contained in:
Karl Stolley
2025-08-15 12:05:37 -05:00
committed by Tim Abbott
parent 03c73c28cd
commit be53f22fff
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/zulip.css
View File

@@ -2279,12 +2279,20 @@ body:not(.spectator-view) {
align-self: start; align-self: start;
} }
} }
}
.dropdown-list-text-neutral { .dropdown-list-text-neutral {
grid-area: item-text; grid-area: item-text;
align-self: center; align-self: center;
} }
}
/* This correctly places neutral text items
appearing without a wrapping
`.dropdown-list-item-name` class. */
.dropdown-list-text-neutral {
grid-area: item-label;
align-self: center;
}
.dropdown-list-buttons { .dropdown-list-buttons {
grid-area: item-buttons; grid-area: item-buttons;

2
web/templates/dropdown_list.hbs
View File

@@ -42,7 +42,7 @@
</span> </span>
{{else if (eq unique_id -2)}} {{else if (eq unique_id -2)}}
{{!-- This is the option for PresetUrlOption.MAPPING --}} {{!-- This is the option for PresetUrlOption.MAPPING --}}
<i class="zulip-icon zulip-icon-equal channel-privacy-type-icon" aria-hidden="true"></i> <span class="dropdown-list-text-selected">{{name}}</span> <i class="zulip-icon zulip-icon-equal channel-privacy-type-icon" aria-hidden="true"></i> <span class="dropdown-list-text-neutral">{{name}}</span>
{{else}} {{else}}
<span class="dropdown-list-item-name"> <span class="dropdown-list-item-name">
{{#if bold_current_selection}} {{#if bold_current_selection}}