When one clicks the 'More' button in the smiley row (if you have enough smileys for that button to show up), a window opens that populates with all the rest of the smileys you have.
Only problem is, you can only close it by scrolling to the bottom of the window and clicking 'close'.
The following, provided by
@Diego Andrés will allow you to close it by clicking outside the window or hitting ESC:
Themes/default/scripts/jquery.sceditor.smf.js
popupContent.append(titlebar);
closeButton = $('<span class="button">').text(base._('Close')).click(function () {
$(".sceditor-smileyPopup").fadeOut('fast');
});$(document).mouseup(function (e) {
if (allowHide && !popupContent.is(e.target) && popupContent.has(e.target).length === 0)
$(".sceditor-smileyPopup").fadeOut('fast');
}).keyup(function (e) {
if (e.keyCode === 27)
$(".sceditor-smileyPopup").fadeOut('fast');
});
Nice one. :)
A good and needed solution.
@Steve thanks for starting a topic about it and
@Diego Andrés thank you for providing a solution.
You're quite welcome. That was one of the two things about 2.1.2 that was driving me bonkers lol.
Quote from: Steve on October 15, 2022, 08:36:52 AMThemes/default/scripts/jquery.sceditor.smf.j
So if I have created a custom "jquery.sceditor.theme.css" do I need to add it there in my custom theme or "default/scripts/jquery.sceditor.smf.js" or both?
None, you can just edit the js file from the default theme.
Custom themes should not include that JavaScript file anyways.
Actually, a couple of mine do have that .js file and I had to put the code in there to make it work for those themes.
Quote from: Diego Andrés on October 18, 2022, 09:52:23 AMCustom themes should not include that JavaScript file anyways.
I confused myself now I feel dumb! ::) I was looking at the "jquery.sceditor" part thinking it was a CSS file (jquery.sceditor.css). ;D :o ::)
Quote from: Steve on October 18, 2022, 10:50:03 AMActually, a couple of mine do have that .js file and I had to put the code in there to make it work for those themes.
I would think if I wanted to put this in a new theme and package it up (not that I'm going to, just curious) ;) I would have to include the modified jquery.sceditor.smf.js file. Would the custom theme pick it up or does it
HAVE to be in the default theme?
Quote from: Shades. on October 18, 2022, 02:38:19 PMI would think if I wanted to put this in a new theme and package it up (not that I'm going to, just curious) ;) I would have to include the modified jquery.sceditor.smf.js file. Would the custom theme pick it up or does it HAVE to be in the default theme?
Oh yes in that case sure.
I suppose I only intended to reflect the fact that it's not really a common file to edit, and rather not include unmodified files in themes :P
The custom theme will pick it up as long as that .js file is not part of it. So, as Diego said, it would have to be in the default theme.
Great tip!
The only change I made was make it focus the post box when the smiley popup box was closed.
Find:
$(".sceditor-smileyPopup").fadeOut('fast');
Add after:
$('.sceditor-container textarea').focus();