diff --git a/public/scripts/slash-commands/SlashCommand.js b/public/scripts/slash-commands/SlashCommand.js index 4a6fb7d07..a7d80f067 100644 --- a/public/scripts/slash-commands/SlashCommand.js +++ b/public/scripts/slash-commands/SlashCommand.js @@ -343,15 +343,13 @@ export class SlashCommand { if (aliasList.length > 0) { const aliases = document.createElement('span'); { aliases.classList.add('aliases'); - aliases.append(' (alias: '); for (const aliasName of aliasList) { const alias = document.createElement('span'); { - alias.classList.add('monospace'); + alias.classList.add('alias'); alias.textContent = `/${aliasName}`; aliases.append(alias); } } - aliases.append(')'); frag.append(aliases); } } diff --git a/public/style.css b/public/style.css index 78777395d..49d591aa6 100644 --- a/public/style.css +++ b/public/style.css @@ -1405,6 +1405,14 @@ select { } } } + > .aliases { + &:before { content: '(alias: '; } + > .alias { + font-family: monospace; + &+.alias:before { content: ', '; } + } + &:after { content: ')'; } + } } .slashCommandAutoComplete > .item, .slashCommandAutoComplete-details {