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

css: Hyphenate .status-emoji-wrapper selector.

This commit is contained in:
Karl Stolley 2023-03-15 13:47:37 -05:00 committed by Tim Abbott
parent 6e2b8a3b1d
commit 36241e5758
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/e2e-tests/user-status.test.ts
View File

@ -43,12 +43,12 @@ async function test_user_status(page: Page): Promise<void> {
await page.waitForFunction( await page.waitForFunction(
() => (document.querySelector(".user-status") as HTMLInputElement).value === "", () => (document.querySelector(".user-status") as HTMLInputElement).value === "",
); );
await page.waitForSelector(".status_emoji_wrapper .smiley_icon", {visible: true}); await page.waitForSelector(".status-emoji-wrapper .smiley_icon", {visible: true});
// Manually adding everything. // Manually adding everything.
await page.type(".user-status", "Busy"); await page.type(".user-status", "Busy");
const tada_emoji_selector = ".emoji-1f389"; const tada_emoji_selector = ".emoji-1f389";
await page.click(".status_emoji_wrapper .smiley_icon"); await page.click(".status-emoji-wrapper .smiley_icon");
// Wait until emoji popover is opened. // Wait until emoji popover is opened.
await page.waitForSelector(`.emoji-popover ${tada_emoji_selector}`, {visible: true}); await page.waitForSelector(`.emoji-popover ${tada_emoji_selector}`, {visible: true});
await page.click(`.emoji-popover ${tada_emoji_selector}`); await page.click(`.emoji-popover ${tada_emoji_selector}`);

2
web/src/user_status_ui.js
View File

@ -118,7 +118,7 @@ function rebuild_status_emoji_selector_ui(selected_emoji_info) {
selected_emoji = selected_emoji_info; selected_emoji = selected_emoji_info;
} }
const rendered_status_emoji_selector = render_status_emoji_selector({selected_emoji}); const rendered_status_emoji_selector = render_status_emoji_selector({selected_emoji});
$("#set-user-status-modal .status_emoji_wrapper").html(rendered_status_emoji_selector); $("#set-user-status-modal .status-emoji-wrapper").html(rendered_status_emoji_selector);
} }
function user_status_post_render() { function user_status_post_render() {

2
web/styles/user_status.css
View File

@ -19,7 +19,7 @@
} }
} }
.status_emoji_wrapper { .status-emoji-wrapper {
height: 20px; height: 20px;
width: 22px; width: 22px;
padding: 8px 8px 1px; padding: 8px 8px 1px;

2
web/templates/set_status_overlay.hbs
View File

@ -1,5 +1,5 @@
<div class="new-style user-status-content-wrapper"> <div class="new-style user-status-content-wrapper">
<div class="status_emoji_wrapper tippy-zulip-tooltip" data-tippy-content="{{t 'Select emoji' }}" data-tippy-placement="top" aria-label="{{t 'Select emoji' }}" tabindex="0" id="selected_emoji"> <div class="status-emoji-wrapper tippy-zulip-tooltip" data-tippy-content="{{t 'Select emoji' }}" data-tippy-placement="top" aria-label="{{t 'Select emoji' }}" tabindex="0" id="selected_emoji">
{{> status_emoji_selector}} {{> status_emoji_selector}}
</div> </div>
<input type="text" class="user-status" placeholder="{{t 'Your status' }}" maxlength="60"/> <input type="text" class="user-status" placeholder="{{t 'Your status' }}" maxlength="60"/>