Responsive Social Sharing Buttons 1.5.7

[ogirginc]

<span class="rrssb-text">BUTTON TEXT</span>

Worked like a charm! Thanks!

 

[Helldon]

@SimonV

Question.
Is this addon compatible with the addon: [WMtech] Social Share Privacy?

Regards,

 

[SimonV]

@SimonV

Question.
Is this addon compatible with the addon: [WMtech] Social Share Privacy?

Regards,

I have not tested it but I doubt it, that add-on looks like it was designed with the default sharing buttons in mind. This add-on does not use the same sort of code in the default sharing buttons and so does not require the same soft deferred loading of external scripts.

 

[Helldon]

not use the same sort of code

So, I could try and install your addon?

 

[BassMan]

@Helldon, this add-on don't install cookies, so I don't think it's necessary to have Social Share Privacy add-on, unless you really want to have a notice for users when they use social buttons.

 

[BassMan]

Well, they do install cookies, but only after sharing (I guess, haven't checked).

 

[SimonV]

So, I could try and install your addon?

As I said I have not testing it with that add-on, you would be better to run my add-on without [WMtech] Social Share Privacy as its not needed.

 

[Helldon]

run my add-on

Done!

 

[Helldon]

@SimonV

Oké,

Installed you addon, following issue comes up when clicking on Facebook
See screen:

 

[SimonV]

Could be your custom style, try in the default style. Does you get the error?

I'm away from my desk at the moment using mobile so difficult to assist you.

 

[Helldon]

Could be your custom style

Found the prob and fixed it.
Sometimes you just have to look further..

 

[Helldon]

@SimonV

I'd like to center the buttons, see screenshot:


Please advice?

 

[SimonV]

I'd like to center the buttons

This CSS will center the main div, add it to your EXTRA.css so you dont loose it with any future upgrades

.share-container.clearfix {
  margin: 0 auto;
}

 

[mistypants]

Just installed this on my test board and so far, really loving it -- AddThis is a neat idea but the lag it adds to every page just doesn't make up for analytics that I don't particularly care about checking. Google Analytics is plenty for checking social media performance.

The only thing I'm missing is being able to use bitly custom short URLs which, if you're taking feature requests, I'm sure many would like to take advantage of! I'd have looked for a way myself but I didn't want to fiddle with the js files included, as that makes upgrades a nightmare.

 

[SimonV]

SimonV updated Ridiculously Responsive Social Sharing Buttons with a new update entry:

Ridiculously Responsive Social Sharing Buttons 1.2.2

V1.2.2 update contains the following:

• Added template caching to reduce server load
• Added style properties for button colors
• Added basic button style properties
• Fixed an issue with missing CSS for mini Buffer icons
• Added capitalization to the button text
• Removed redundant CSS for mini Icons

To Upgrade

You need to re-upload the files from the upload folder and then upgrade the addon with the new XML file.

NOTE:

If you had the bottom position...

Read the rest of this update entry...

 

[Andy.N]

There should be some padding fix for the top location when in RM thread discussion tab
https://www.quantnet.com/threads/review-of-columbia-mafn-program.10009/

 

[SimonV]

I dont use RM myself but this should fix that issue.

.share-container.clearfix {
  margin: 10px 0;
}

I will add a margin/padding style property setting to the next release.

 

[SimonV]

I also noticed you have some overlap with the outer border on mobile, add 100% to both max & min for responsive narrow and that will display better for mobile screen sizes.

 

[Echelon]

great addon...perfect......but.....why do i have two rows of buttons on top position ?

 

[Echelon]

There seems to be an issue with the js that I dont have the time to look into at the moment, it appears there is some anomaly causing an issue with the resizing. I reverted the code back to its original for testing and the issue still exists at certain screen sizes yet if I include more than one instance only the final instance has the issue (view this on a mobile or with chrome emulation and you will see): http://www.certforums.com/pages/rrssb/

I have contacted the original creators to see if they can help as Im going to be too busy until next week to make any more progress.

-------------------------

@Echelon if you feel like helping me out with testing the code for buffer give this code a try and let me know if its OK. I don't use buffer so I don't know if it processing it correctly:

add this to template: SV_rrssbShares in your desired location.

        <!-- START buffer button -->
            <li class="rrssb-buffer">
                <a href="http://bufferapp.com/add?&amp;text={$thread.title}&amp;url={$url}" class="popup">
                    <span class="rrssb-icon">
                        <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
                         width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
                         preserveAspectRatio="xMidYMid meet">
                        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
                        fill="#000000" stroke="none">
                        <path d="M2465 5101 c-31 -8 -311 -137 -890 -409 -181 -85 -382 -178 -445
                        -207 -63 -29 -272 -127 -465 -217 -192 -90 -394 -184 -449 -209 -54 -24 -109
                        -54 -122 -66 -30 -28 -31 -68 -1 -94 12 -11 180 -93 372 -183 315 -147 1521
                        -709 1835 -856 146 -69 184 -80 265 -80 81 0 119 11 265 80 314 147 1520 709
                        1835 856 193 90 360 172 373 183 29 26 28 66 -2 94 -13 12 -68 42 -122 66 -55
                        25 -256 119 -449 209 -192 90 -402 188 -465 217 -63 29 -263 122 -445 207
                        -181 86 -454 213 -605 283 l-275 128 -90 3 c-49 2 -103 0 -120 -5z"/>
                        <path d="M625 2860 c-53 -11 -524 -235 -541 -257 -17 -23 -17 -53 0 -76 13
                        -17 267 -139 881 -425 297 -138 944 -440 1285 -600 l205 -97 110 0 110 0 205
                        97 c343 161 989 462 1295 605 920 428 901 417 879 481 -8 23 -46 44 -267 149
                        -220 103 -268 123 -325 129 -130 14 -29 56 -1483 -624 -140 -65 -273 -125
                        -295 -133 -50 -17 -188 -17 -238 0 -22 8 -155 68 -295 133 -1072 501 -1307
                        609 -1344 618 -49 11 -126 11 -182 0z"/>
                        <path d="M631 1479 c-52 -10 -506 -219 -538 -248 -30 -26 -29 -66 1 -94 13
                        -12 68 -42 122 -66 55 -25 257 -119 449 -209 193 -90 402 -188 465 -217 63
                        -29 264 -122 445 -207 182 -86 454 -213 605 -284 l275 -128 110 0 110 0 275
                        128 c151 71 424 198 605 284 182 85 382 178 445 207 63 29 273 127 465 217
                        193 90 394 184 449 209 54 24 109 54 122 66 30 28 31 68 2 94 -43 38 -490 239
                        -557 250 -131 23 -129 24 -891 -333 -135 -64 -398 -187 -585 -274 l-340 -159
                        -100 0 -100 0 -340 159 c-187 87 -450 210 -585 274 -773 362 -765 359 -909
                        331z"/>
                        </g>
                        </svg>
                    </span>
                    <span class="rrssb-text">buffer</span>
                </a>
            </li>
        <!-- END buffer button -->

add this to template: SV_rrssbDefault.css at the top of bottom is fine.

.rrssb-buttons li.rrssb-buffer a {
    background-color: #323b43;
}
.rrssb-buttons li.rrssb-buffer a:hover {
    background-color: #252E36;
}

I'm Sorry....i just see your post with me in mention.......Buffer works perfect!! ;-)