Oversized emojis

Get help with installation and running phpBB 3.2.x here. Please do not post bug reports, feature requests, or extension related questions here.
Post Reply
User avatar
Bullseye!
Registered User
Posts: 164
Joined: Sun Mar 21, 2010 11:42 pm

Oversized emojis

Post by Bullseye! » Mon Jan 09, 2017 6:04 pm

Ok I updated from 3.1.10 to 3.2, I had several issues in doing it, firstly the update link in the ACP didn't work, so I had to direct it to the update page manually, then it said it was updated, but I looked it was still on 3.1.10, I updated my php version the update then worked, but my style was wrecked, luckily I had made a backup of it, so I restored it, the style was working once again, all seemed ok until I went to try the emojis out, they appear normal size in the text box but as soon as it's previewed or submitted, the emoji takes up the whole area..

Here's a link to the thread where the emoji is posted:

http://www.bullbreedforum.net/viewtopic ... 295#p15002

& if you want to login I have created a test account:

Username: Test

Password: password

Thanks in advance. 😎


~John~

User avatar
JoshyPHP
Code Contributor
Posts: 753
Joined: Mon Jul 11, 2011 12:28 am

Re: Oversized emojis

Post by JoshyPHP » Mon Jan 09, 2017 6:16 pm

You need a CSS rule for it. This is from prosilver:

Code: Select all

.emoji {
	min-height: 18px;
	min-width: 18px;
	height: 1em;
	width: 1em;
}
I wrote the thing that does the BBCodes in 3.2. Unless it broke yours, in which case it was somebody else with a similar name.

User avatar
Mick
Support Team Member
Support Team Member
Posts: 18111
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

Re: Oversized emojis

Post by Mick » Mon Jan 09, 2017 6:19 pm

If you look at the image information as it's displayed you'll see it says:

Dimensions: 0px Γ— 0px (scaled to 631px Γ— 631px)

Whereas others I've checked are:

Dimension: 0px Γ— 0px (scaled to 18px Γ— 18px)

I'd be interested myself to know what's going on there.
"The more connected we get the more alone we become" - Kyle Broflovski

There are no β€˜threads’ in phpBB, they are topics.
Forza Garibaldi

User avatar
Bullseye!
Registered User
Posts: 164
Joined: Sun Mar 21, 2010 11:42 pm

Re: Oversized emojis

Post by Bullseye! » Mon Jan 09, 2017 6:21 pm

JoshyPHP wrote: ↑
Mon Jan 09, 2017 6:16 pm
You need a CSS rule for it. This is from prosilver:

Code: Select all

.emoji {
	min-height: 18px;
	min-width: 18px;
	height: 1em;
	width: 1em;
}
Which file do I need to add it to?

User avatar
JoshyPHP
Code Contributor
Posts: 753
Joined: Mon Jul 11, 2011 12:28 am

Re: Oversized emojis

Post by JoshyPHP » Mon Jan 09, 2017 6:25 pm

It's in prosilver's common.css, which you have apparently overwritten on your board? I guess you can put it there.
I wrote the thing that does the BBCodes in 3.2. Unless it broke yours, in which case it was somebody else with a similar name.

User avatar
Bullseye!
Registered User
Posts: 164
Joined: Sun Mar 21, 2010 11:42 pm

Re: Oversized emojis

Post by Bullseye! » Mon Jan 09, 2017 6:45 pm

Ok thankyou, I'll give it a shot & let you know how I get on.. 😎

User avatar
Bullseye!
Registered User
Posts: 164
Joined: Sun Mar 21, 2010 11:42 pm

Re: Oversized emojis

Post by Bullseye! » Mon Jan 09, 2017 6:52 pm

JoshyPHP wrote: ↑
Mon Jan 09, 2017 6:25 pm
It's in prosilver's common.css, which you have apparently overwritten on your board? I guess you can put it there.
It worked! You're a hero!


😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎😎

User avatar
P_I
Registered User
Posts: 787
Joined: Tue Mar 01, 2011 8:35 pm
Location: Calgary
Contact:

Re: Oversized emojis

Post by P_I » Fri Feb 10, 2017 3:55 pm

They are definitely oversized in print view, as shown in the print view of this topic - viewtopic.php?f=556&t=2400851&view=print.

Filed as [PHPBB3-15083] emoji's in print view are not size constrained.

Workaround, copy from styles/prosilver/theme/common.css the following:

Code: Select all

.emoji {
    min-height: 18px;
    min-width: 18px;
    height: 1em;
    width: 1em;
}
and paste into styles/prosilver/theme/print.css.
Normal people… believe that if it ain’t broke, don’t fix it. Engineers believe that if it ain’t broke, it doesn’t have enough features yet. – Scott Adams

Lady_G
Registered User
Posts: 169
Joined: Fri Jun 08, 2012 12:38 pm
Location: US

Re: Oversized emojis

Post by Lady_G » Fri Feb 10, 2017 6:50 pm

I confirm the problem, but I needed to modify your work-around. Inspection of my localhost test web page suggested to include smilies. This works for me:

Code: Select all

.emoji, .smilies {
	min-height: 18px;
	min-width: 18px;
	height: 1em;
	width: 1em;
}
Update: Adding debug info-

My test posts used a combination of smilies and emojis. Maybe there's some interaction as the test page shows both classes:

Code: Select all

<img alt="πŸ‘Ή" class="emoji smilies" draggable="false" src="//cdn.jsdelivr.net/emojione/assets/svg/1f479.svg">
Last edited by Lady_G on Fri Feb 10, 2017 7:02 pm, edited 2 times in total.

User avatar
Raul [ThE KuKa]
Jr. Extension Validator
Posts: 3757
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Oversized emojis

Post by Raul [ThE KuKa] » Fri Feb 10, 2017 6:58 pm

P_I wrote: ↑
Fri Feb 10, 2017 3:55 pm
They are definitely oversized in print view, as shown in the print view of this topic - viewtopic.php?f=556&t=2400851&view=print.

Filed as [PHPBB3-15083] emoji's in print view are not size constrained.

Workaround, copy from styles/prosilver/theme/common.css the following:

Code: Select all

.emoji {
    min-height: 18px;
    min-width: 18px;
    height: 1em;
    width: 1em;
}
and paste into styles/prosilver/theme/print.css.
Yes...

Other example, you can use emoji for forum description, and display "giant" Emoji on Forum edit...
Add this code to admin.css file, and solved. ;)

P_I it is possible to add this info, to this report on tracker please?
If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
phpBB International Support Team (Spanish - EspaΓ±ol) :flag_es: Online Since 2003
🎨phpBB Professional Premium ThemesπŸ”₯
Author Translations (Spanish - Spain) :two_hearts:

:warning: I don't support those without the copyright Spanish translation. :warning:

User avatar
Raul [ThE KuKa]
Jr. Extension Validator
Posts: 3757
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Oversized emojis

Post by Raul [ThE KuKa] » Fri Feb 10, 2017 7:33 pm

Raul [ThE KuKa] wrote: ↑
Fri Feb 10, 2017 6:58 pm
P_I it is possible to add this info, to this report on tracker please?
I already mentioned it in the tracker. ;)
If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
phpBB International Support Team (Spanish - EspaΓ±ol) :flag_es: Online Since 2003
🎨phpBB Professional Premium ThemesπŸ”₯
Author Translations (Spanish - Spain) :two_hearts:

:warning: I don't support those without the copyright Spanish translation. :warning:

User avatar
P_I
Registered User
Posts: 787
Joined: Tue Mar 01, 2011 8:35 pm
Location: Calgary
Contact:

Re: Oversized emojis

Post by P_I » Fri Feb 10, 2017 7:37 pm

Thanks. I've update the report subject now [PHPBB3-15083] emoji's not always size constrained
Normal people… believe that if it ain’t broke, don’t fix it. Engineers believe that if it ain’t broke, it doesn’t have enough features yet. – Scott Adams

User avatar
Raul [ThE KuKa]
Jr. Extension Validator
Posts: 3757
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Oversized emojis

Post by Raul [ThE KuKa] » Fri Feb 10, 2017 8:33 pm

Thanks, now is perfect "subject". ;)
If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
phpBB International Support Team (Spanish - EspaΓ±ol) :flag_es: Online Since 2003
🎨phpBB Professional Premium ThemesπŸ”₯
Author Translations (Spanish - Spain) :two_hearts:

:warning: I don't support those without the copyright Spanish translation. :warning:

Post Reply

Return to β€œ[3.2.x] Support Forum”

Who is online

Users browsing this forum: Bruno36, richxrich and 157 guests

cron