Author Topic: Tidying up the display of the Social Media buttons in 4.2.x (Read 689 times)

ken · August 31, 2012, 10:29:29 pm

In 4.2.1, I note that CRM-10679 will add a LinkedIn button to the Social Media box (contributions, events, pettions, etc)

When I try this patch, I find that the new LinkedIn button sits over the Facebook text.

I suggest patching the Social Media TPL and the CiviCRM CSS to fix this, and make the display saner.

All buttons are the same width and height by default
The Facebook button is wider to allow the "be first to like" text next to the button

Code: [Select]

--- /data/Download/CiviCRM/civicrm-4.2.0-drupal/templates/CRM/common/SocialNetwork.tpl        2012-07-12 02:36:47.000000000 +1000
+++ /data/Work/IT/CiviCRM/Local/4.2.0/cbf/templates/CRM/common/SocialNetwork.tpl      2012-09-01 14:56:50.600286398 +1000
@@ -52,10 +52,14 @@
             <div class="label">
                 <g:plusone href={$url}></g:plusone>
             </div>
-            <div class="label">
+            <div class="label" style="width:300px;">
                 <iframe src="//www.facebook.com/plugins/like.php?app_id=240719639306341&amp;href={$url|escape:'url'}&amp;send=false&amp;layout=standard&amp;$
                 </iframe>
             </div>
--- /data/Download/CiviCRM/civicrm-4.2.0-drupal/css/civicrm.css       2012-08-06 10:22:10.000000000 +1000
+++ /data/Work/IT/CiviCRM/Local/4.2.0/civicrm/css/civicrm.css 2012-09-01 14:59:40.149127130 +1000
@@ -3285,6 +3285,11 @@
 #crm-container .crm-fb-tweet-buttons  {
     width: 93%;
 }
+#crm-container .crm-fb-tweet-buttons .label {
+    width:  64px;
+    height: 30px;
+}
+
 #crm-container div.finalconf-button       { float:right; padding:5px 0 0 0; }
 #crm-container div.finalconf-button input { margin:0; }
 #crm-container div.finalconf-intro        { padding-bottom:12px; font-style:italic; }

Donald Lobo · September 02, 2012, 10:09:05 am

hey ken:

can u please file an issue and attach the below patch

thx

lobo

ken · September 03, 2012, 09:12:18 pm

Added CRM-10767

CiviCRM Community Forums (archive)

News:

Author Topic: Tidying up the display of the Social Media buttons in 4.2.x (Read 689 times)

ken

Tidying up the display of the Social Media buttons in 4.2.x

Donald Lobo

Re: Tidying up the display of the Social Media buttons in 4.2.x

ken

Re: Tidying up the display of the Social Media buttons in 4.2.x