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
Bullseye!
Registered User
Posts: 179
Joined: Sun Mar 21, 2010 11:42 pm

Oversized emojis

Post by Bullseye! »

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: 1282
Joined: Mon Jul 11, 2011 12:28 am

Re: Oversized emojis

Post by JoshyPHP »

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 library that handles markup in phpBB 3.2+.
User avatar
Mick
Support Team Member
Support Team Member
Posts: 24232
Joined: Fri Aug 29, 2008 9:49 am
Contact:

Re: Oversized emojis

Post by Mick »

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ยฉ
  • "The good news isย hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
Bullseye!
Registered User
Posts: 179
Joined: Sun Mar 21, 2010 11:42 pm

Re: Oversized emojis

Post by Bullseye! »

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: 1282
Joined: Mon Jul 11, 2011 12:28 am

Re: Oversized emojis

Post by JoshyPHP »

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 library that handles markup in phpBB 3.2+.
Bullseye!
Registered User
Posts: 179
Joined: Sun Mar 21, 2010 11:42 pm

Re: Oversized emojis

Post by Bullseye! »

Ok thankyou, I'll give it a shot & let you know how I get on.. ๐Ÿ˜Ž
Bullseye!
Registered User
Posts: 179
Joined: Sun Mar 21, 2010 11:42 pm

Re: Oversized emojis

Post by Bullseye! »

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
Community Team Member
Community Team Member
Posts: 1896
Joined: Tue Mar 01, 2011 8:35 pm
Location: Western Canada 🇨🇦
Contact:

Re: Oversized emojis

Post by P_I »

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: 268
Joined: Fri Jun 08, 2012 12:38 pm
Location: US

Re: Oversized emojis

Post by Lady_G »

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]
Style Customisations
Style Customisations
Posts: 10291
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Oversized emojis

Post by Raul [ThE KuKa] »

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?
All unsolicited PMs will be ignored.
:warning: Knowledge Base | Documentation | Board rules | phpBB Styles Rules & Policies | Styles Queue Stats :warning:


If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate.
:flag_es: phpBB Spain - Online Since 2003 :heart:


User avatar
Raul [ThE KuKa]
Style Customisations
Style Customisations
Posts: 10291
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Oversized emojis

Post by Raul [ThE KuKa] »

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. ;)
All unsolicited PMs will be ignored.
:warning: Knowledge Base | Documentation | Board rules | phpBB Styles Rules & Policies | Styles Queue Stats :warning:


If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate.
:flag_es: phpBB Spain - Online Since 2003 :heart:


User avatar
P_I
Community Team Member
Community Team Member
Posts: 1896
Joined: Tue Mar 01, 2011 8:35 pm
Location: Western Canada 🇨🇦
Contact:

Re: Oversized emojis

Post by P_I »

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]
Style Customisations
Style Customisations
Posts: 10291
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Oversized emojis

Post by Raul [ThE KuKa] »

Thanks, now is perfect "subject". ;)
All unsolicited PMs will be ignored.
:warning: Knowledge Base | Documentation | Board rules | phpBB Styles Rules & Policies | Styles Queue Stats :warning:


If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate.
:flag_es: phpBB Spain - Online Since 2003 :heart:


Post Reply

Return to โ€œ[3.2.x] Support Forumโ€