vitalif-js
/
social-likes-nojq
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix single button counter JS error + tweak single button style.

master
Artem Sapegin 2012-10-02 21:50:26 +04:00
parent 1d3efdf00e
commit 012bef178f
7 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
component.json
View File

@ -1,6 +1,6 @@
{
"name": "social-likes",
"version": "2.0.1",
"version": "2.0.2",
"main": ["./social-likes.min.js", "./social-likes.css"],
"dependencies": {
"jquery": ">=1.7"

3
social-likes.css
View File

@ -19,7 +19,8 @@
.social-likes_vertical{margin:-6px -4px;}
.social-likes_vertical .social-likes__widget{display:block;margin:6px 4px}
.social-likes_single-w{position:relative;display:inline-block}
.social-likes_single{position:absolute;display:none;top:-19px;left:-15px;padding:6px 6px 4px;background:#fff;text-align:left;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3);z-index:99999}
.social-likes_single{position:absolute;display:none;top:-6px;left:-6px;padding:6px 6px 4px;background:#fff;text-align:left;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3);z-index:99999}
.social-likes_single .social-likes__widget:first-of-type{margin-right:14px}
.social-likes__button_single{position:relative;padding-left:19px;background:#e2e2e2;background:-webkit-linear-gradient(top, #f7f7f7, #e2e2e2);background:-moz-linear-gradient(top, #f7f7f7, #e2e2e2);background:-ms-linear-gradient(top, #f7f7f7, #e2e2e2);background:-o-linear-gradient(top, #f7f7f7, #e2e2e2);background:linear-gradient(top, #f7f7f7, #e2e2e2);color:#444;border-color:#ccc;border-color:rgba(179,179,179,0.8);border-bottom-color:rgba(153,153,153,0.8)}
.social-likes__button_single:hover{background:#f4f4f4;background:-webkit-linear-gradient(top, #f0f0f0, #cfcfcf);background:-moz-linear-gradient(top, #f0f0f0, #cfcfcf);background:-ms-linear-gradient(top, #f0f0f0, #cfcfcf);background:-o-linear-gradient(top, #f0f0f0, #cfcfcf);background:linear-gradient(top, #f0f0f0, #cfcfcf);color:#222;border-color:#bbb;border-bottom-color:#9f9f9f}
.social-likes__icon_single{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAplJREFUeNpMkl9IU2EYxp/zt50NxU3bnNYMLEANVQoCvYmJgQyI8Mbwxju9KlSEVClE8G4iiOq1oBhDoRQIQiTGCEMYkoyIMmyItrbh3Dk7/8/X2QmiB96bD37v9z4PD0UIoaPb0ZcZPfPUgBGgQFm6pUM3dZTFMRw4mgMBoVmwvwN84PXok9FXTJpLj2nXtTGNaDc0SnMRlgjeCq/gq/QJ/iq/IFmSkFNzAhi4LMryFeni3e232xzrueXpk1TJZ4NgORZ9bX3ovt2N/7X3bQ+7qV2IsghapX3CTSHCXqqXzSZrguIoTIen0VjdiLPCGRI/Ew7UFepyFqUyKcRP4nBTbqia2sSWtBLJy3lMPJpwoJ0vO1j8uAhJkxxw42gDbbVtSP1KOV5VQwXRCWFDvpC1GllFjacGWSmL+fg86irrsBBZAAFBNB5F4jQBN+dGUSvCTg6cwRGaoRlShsraP9lHRspg+MEwmv3NaPG3YPDeIEpGCV7Bi6ZAkzM8y4M9PD2keld7QfEU7NTg5t0oyIV/wRSVIi6uLjATnkHPnR7nberNlMUqhgJFVkBbNOzvHQ9zH+aQlbMghGD5YBm1FbUIN4ZhmAZixzGkc2mwpmkSjuJgEQsMGEw+nMRacg3j78ad7eWTlyJLsC1hPbmOka0RBPmgAwIGIOoiBu4PoL+135nkeRIUKLQH250Fm0ebmH0/i4aqBliKZYOG+R0mfAIrYCu5BVmVMdQ5hI5ghwOkC2msJFYQ+xyDh/aAmASmbv6gQo9Dz6o7q1/YcJAwBHYhnH7WuP8mnS1lnd56r3kBgrLO85/yC0zr89aD3HFOp3k6QAzCuIjrijEZsSSVRKWkiLzFiy7LJVqaJZuK+VU+k1fqO+ujfwQYAFtLOreC/KO5AAAAAElFTkSuQmCC");background-position:2px 3px}

4
social-likes.min.js vendored
View File

File diff suppressed because one or more lines are too long

11
src/demo.html
View File

@ -47,7 +47,16 @@
<li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="code" title="Получить код для публикации ссылки в другом сервисе" data-prompt="Скопируйте код в буфер обмена:">Код</li>
</ul>
<ul class="social-likes social-likes_single" data-url="http://mail.ru/">
<li class="facebook" title="Опубликовать ссылку на Фейсбуке">Facebook</li>
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" title="Опубликовать ссылку в Твиттере">Twitter</li>
<!--li class="mailru" title="Опубликовать ссылку в Моём мире">Мой мир</li>
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li-->
<li class="plusone" data-counter="http://sapegin.ru/api/social-likes/googleplusonecount.php?url={PAGE_URL}&callback=?" title="Плюсануть в Гугле">Google+</li>
<!--li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="code" title="Получить код для публикации ссылки в другом сервисе" data-prompt="Скопируйте код в буфер обмена:">Код</li-->
</ul>
<h3>Old initialization HTML</h3>
<ul class="social-likes">

4
src/grunt.js
View File

@ -17,9 +17,9 @@ module.exports = function(grunt) {
// Project configuration
grunt.initConfig({
cmpnt: '<json:../component.json>',
meta: {
version: '2.0.1',
banner: "/*! Social Likes v<%= meta.version %> by Artem Sapegin - " +
banner: "/*! Social Likes v<%= cmpnt.version %> by Artem Sapegin - " +
"http://sapegin.github.com/social-likes - " +
"Licensed MIT */"
},

7
src/social-likes.js
View File

@ -262,16 +262,15 @@ SocialLikes.prototype = {
this.initUserButtons();
if (this.single)
if (this.single) {
this.makeSingleButton();
this.container.on('counter.social-likes', $.proxy(this.updateCounter, this));
}
var options = this.options;
this.container.find('li').each(function() {
new Button($(this), options);
});
if (this.single)
this.makeSingleButton();
},
readOptions: function() {
this.options = {};

7
src/styles/styles.styl
View File

@ -145,14 +145,17 @@
&_single {
position:absolute;
display:none;
top:-19px;
left:-15px;
top:-6px;
left:-6px;
padding:6px 6px 4px;
background:#fff;
text-align:left;
box-shadow:0 0 15px hsla(0,0%,0%,.3);
z-index:99999;
}
&_single &__widget:first-of-type {
margin-right:14px; // Prevent collapse of widget and close button
}
}