[
https://jira.codehaus.org/browse/MSKINS-92?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=359725#comment-359725
]
Michael Osipov edited comment on MSKINS-92 at 12/26/14 4:19 PM:
----------------------------------------------------------------
Thank you for the patch. The entire thing has two problems:
1. The iframe has already 100 pixels on your demo page but not in {{site.vm}}
2. The iframe has to grow as soon as the number of likers grows + the width of
the 'Like' content is locale-specific. For instance on my browser, even those
100 pixels are too narrow for the German text.
As you can see on the uploaded screenshot, the entire badge row is crappy. The
patch won't solve the problem. Do you have a better idea? Unfortunately, I am
not really CSS-skilled to provide a better patch.
was (Author: michael-o):
Thank you for the patch. The entire thing has two problems:
1. The iframe has already 100 pixels on your demo page but not in {{site.vm}}
2. The iframe has to grow as soon as the number of likers grows + the width of
the 'Like' content is locale-specific. For instance on my browser, even those
100 pixels are too narrow for the German text.
As you can see on the uploaded screenshot, the entire badge row is crappy. The
patch won't solve the problem.
> Facebook Like iframe too narrow when in topbar
> ----------------------------------------------
>
> Key: MSKINS-92
> URL: https://jira.codehaus.org/browse/MSKINS-92
> Project: Maven Skins
> Issue Type: Bug
> Components: Fluido Skin
> Reporter: Francesco Chicchiriccò
> Assignee: Michael Osipov
> Priority: Minor
> Attachments: MSKINS-92.patch
>
>
> See Apache Syncope website at http://syncope.apache.org
> On the top right you can see the Facebook Like button rendered by
> {code}
> <iframe
> src="http://www.facebook.com/plugins/like.php?href=http://syncope.apache.org/&send=false&layout=button_count&show-faces=false&action=like&colorscheme=dark";
> scrolling="no" frameborder="0"
> style="border:none; width:80px; height:20px; margin-top: 10px;"
> class="pull-right" ></iframe>
> {code}
> when changing style to
> {code}
> "border:none; width:100px; height:20px; margin-top: 10px;"
> {code}
> the right-side box is rendered correctly.
--
This message was sent by Atlassian JIRA
(v6.1.6#6162)
