_toggleButton.className = 'redactorToolbarToggle';
_toggleButton.innerHTML = `<a href="#" role="button" aria-label="${
WCF.Language.get("wcf.global.button.more")
- }"><span class="icon icon16 fa-caret-down"></span></a>`;
+ }"><fa-icon size="16" name="caret-down" solid></fa-icon></a>`;
elData(_toggleButton, 'show-on-mobile', true);
var icon = _toggleButton.children[0].children[0];
_loadCommentSegment: function (commentId, responseID) {
this._permalinkComment = elCreate('li');
this._permalinkComment.className = 'commentPermalinkContainer loading';
- this._permalinkComment.innerHTML = '<span class="icon icon48 fa-spinner"></span>';
+ this._permalinkComment.innerHTML = '<fa-icon size="48" name="spinner" solid></fa-icon>';
this._container[0].insertBefore(this._permalinkComment, this._container[0].firstChild);
this._proxy.setOption('data', {
_loadResponseSegment: function (comment, commentId, responseID) {
this._permalinkResponse = elCreate('li');
this._permalinkResponse.className = 'commentResponsePermalinkContainer loading';
- this._permalinkResponse.innerHTML = '<span class="icon icon32 fa-spinner"></span>';
+ this._permalinkResponse.innerHTML = '<fa-icon size="32" name="spinner" solid></fa-icon>';
var responseList = elBySel('.commentResponseList', comment);
responseList.insertBefore(this._permalinkResponse, responseList.firstChild);
if (data.returnValues.response) {
this._permalinkResponse = elCreate('li');
this._permalinkResponse.className = 'commentResponsePermalinkContainer loading';
- this._permalinkResponse.innerHTML = '<span class="icon icon32 fa-spinner"></span>';
+ this._permalinkResponse.innerHTML = '<fa-icon size="32" name="spinner" solid></fa-icon>';
var responseList = elBySel('.commentResponseList', comment);
responseList.insertBefore(this._permalinkResponse, responseList.firstChild);