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

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}`);

View File

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

View File

@ -7,5 +7,5 @@
<div class="emoji selected-emoji emoji-{{selected_emoji.emoji_code}}"></div> <div class="emoji selected-emoji emoji-{{selected_emoji.emoji_code}}"></div>
{{/if}} {{/if}}
{{else}} {{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}} {{/if}}