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

css: Hyphenate .smiley-icon selector.

This commit is contained in:
Karl Stolley 2023-03-15 14:36:05 -05:00 committed by Tim Abbott
parent 89f45bf50e
commit f695b08989
3 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(
() => (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.
await page.type(".user-status", "Busy");
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.
await page.waitForSelector(`.emoji-popover ${tada_emoji_selector}`, {visible: true});
await page.click(`.emoji-popover ${tada_emoji_selector}`);

4
web/styles/user_status.css
View File

@ -40,11 +40,11 @@
/* For custom emojis and smiley icon to take full width. */
& img.selected-emoji,
.smiley_icon {
.smiley-icon {
min-width: 20px;
}
.smiley_icon {
.smiley-icon {
display: block;
font-size: 18px;
position: relative;

2
web/templates/status_emoji_selector.hbs
View File

@ -7,5 +7,5 @@
<div class="emoji selected-emoji emoji-{{selected_emoji.emoji_code}}"></div>
{{/if}}
{{else}}
<a type="button" class="smiley_icon show fa fa-smile-o"></a>
<a type="button" class="smiley-icon show fa fa-smile-o"></a>
{{/if}}