diff --git a/_config.yml.example b/_config.yml.example
index 314277c..acd09b1 100644
--- a/_config.yml.example
+++ b/_config.yml.example
@@ -31,6 +31,7 @@ customize:
facebook: /
dribbble: /
rss: /
+ social_link_tooltip: true # enable the social link tooltip, options: true, false
# Widgets
widgets:
diff --git a/layout/common/profile.ejs b/layout/common/profile.ejs
index 162253c..c108412 100644
--- a/layout/common/profile.ejs
+++ b/layout/common/profile.ejs
@@ -23,8 +23,13 @@
+ <% var tooltipClass = theme.customize.social_link_tooltip === false ? '' : 'class=tooltip'; %>
<% for(var i in theme.customize.social_links) { %>
- |
+
+ >
+
+
+ |
<% } %>
diff --git a/source/css/_partial/article.styl b/source/css/_partial/article.styl
index b07b58d..877bbfd 100644
--- a/source/css/_partial/article.styl
+++ b/source/css/_partial/article.styl
@@ -261,7 +261,7 @@
background: none
box-sizing: border-box
font: 14px font-sans
- padding: 0 15px
+ padding: 0 10px
color: color-default
outline: none
border: 1px solid color-border
@@ -378,4 +378,4 @@ ol.toc
transition color 1s ease-out
&:hover
color color-theme
- transition color .3s ease-out
\ No newline at end of file
+ transition color .3s ease-out
diff --git a/source/css/_partial/profile.styl b/source/css/_partial/profile.styl
index 1b63eb3..74170b6 100644
--- a/source/css/_partial/profile.styl
+++ b/source/css/_partial/profile.styl
@@ -87,6 +87,7 @@
color: color-default + #333
&:hover
color: color-default
+ &.tooltip:hover
&:after
right: -50%
top: -41px