matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'goldendemise-develop-patch-71514' into 'develop'

Browse Source 
Allow icon picker to work properly for promo panel items:  patch 71514

See merge request soapbox-pub/soapbox-fe!1027
This commit is contained in:
Alex Gleason
2022-02-04 17:53:52 +00:00
parent d5ae29bfda 4c522ca148
commit a229f77f5d
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/soapbox/features/soapbox_config/components/icon_picker_dropdown.js
View File

@ -68,8 +68,10 @@ class IconPickerMenu extends React.PureComponent {
if (!c) return;
// Nice and dirty hack to display the icons
c.querySelectorAll('button.emoji-mart-emoji > span').forEach(elem => {
elem.innerHTML = `<i class="fa fa-${elem.parentNode.getAttribute('title')}"></i>`;
c.querySelectorAll('button.emoji-mart-emoji > img').forEach(elem => {
const newIcon = document.createElement('span');
newIcon.innerHTML = `<i class="fa fa-${elem.parentNode.getAttribute('title')} fa-hack"></i>`;
elem.parentNode.replaceChild(newIcon, elem);
});
}

4
app/styles/emoji_picker.scss
View File

@ -344,4 +344,8 @@
height: 22px;
text-align: center;
}
.fa-hack {
margin: 0 auto;
}
}