-
diff --git a/themes/chameleon/layout/_partial/post/title.ejs b/themes/chameleon/layout/_partial/post/title.ejs
index 13055ed..c5951e4 100644
--- a/themes/chameleon/layout/_partial/post/title.ejs
+++ b/themes/chameleon/layout/_partial/post/title.ejs
@@ -10,12 +10,8 @@
<% } else { %>
<%= post.title %>
<%/* Share button */%>
-
-
+
+ 
<% } %>
diff --git a/themes/chameleon/scripts/heading-link.js b/themes/chameleon/scripts/heading-link.js
index 48bbebe..2fb8982 100644
--- a/themes/chameleon/scripts/heading-link.js
+++ b/themes/chameleon/scripts/heading-link.js
@@ -6,7 +6,7 @@
*/
const { slugize, stripHTML } = require('hexo-util')
-const svg = ''
+const svg = '
'
const anchorId = (str, transformOption) => {
return slugize(str.trim(), { transform: transformOption })
diff --git a/themes/chameleon/source/css/_source.css b/themes/chameleon/source/css/_source.css
index 2371363..4d33076 100644
--- a/themes/chameleon/source/css/_source.css
+++ b/themes/chameleon/source/css/_source.css
@@ -732,26 +732,26 @@ svg#share:hover {
/* hide share button by default
unhide (via JS) if Web Share API is supported */
-.article-title a#share-button {
+.article-title a#btnshare {
display: none;
}
-.article .article-entry a.headerlink svg,
-.article-title a#share-button svg {
- height: 0.75em;
- margin-bottom: 0.25em;
+.article-title a#btnshare img {
+ display: block;
+ margin: auto;
+ margin-bottom: 0.5em;
+ max-height: 30em;
}
-/* don't underline permalink and share icons */
.article .article-entry a.headerlink,
-.article-title a#share-button {
+.article-title a#btnshare {
margin-left: 0.5em;
+ height: 1em;
+ width: 1em;
}
-/* underline permalink and share icons when hover */
-.article .article-entry a.headerlink:hover,
-.article-title a#share-button:hover {
- border-bottom: 1px solid var(--link-underline);
+.article .article-entry a.headerlink {
+ display: inline-block;
}
@media (max-width: 768px) {
diff --git a/themes/chameleon/source/css/chameleon.css b/themes/chameleon/source/css/chameleon.css
index 8a16396..40df2fc 100644
--- a/themes/chameleon/source/css/chameleon.css
+++ b/themes/chameleon/source/css/chameleon.css
@@ -1052,26 +1052,26 @@ svg#share:hover {
/* hide share button by default
unhide (via JS) if Web Share API is supported */
-.article-title a#share-button {
+.article-title a#btnshare {
display: none;
}
-.article .article-entry a.headerlink svg,
-.article-title a#share-button svg {
- height: 0.75em;
- margin-bottom: 0.25em;
+.article-title a#btnshare img {
+ display: block;
+ margin: auto;
+ margin-bottom: 0.5em;
+ max-height: 30em;
}
-/* don't underline permalink and share icons */
.article .article-entry a.headerlink,
-.article-title a#share-button {
+.article-title a#btnshare {
margin-left: 0.5em;
+ height: 1em;
+ width: 1em;
}
-/* underline permalink and share icons when hover */
-.article .article-entry a.headerlink:hover,
-.article-title a#share-button:hover {
- border-bottom: 1px solid var(--link-underline);
+.article .article-entry a.headerlink {
+ display: inline-block;
}
@media (max-width: 768px) {
diff --git a/themes/chameleon/source/js/chameleon.js b/themes/chameleon/source/js/chameleon.js
index d5d5748..8be5c8b 100644
--- a/themes/chameleon/source/js/chameleon.js
+++ b/themes/chameleon/source/js/chameleon.js
@@ -29,10 +29,10 @@ document.addEventListener('click', (evt) => {
// https://developer.mozilla.org/en-US/docs/Web/API/Navigator/share
// Only available on supporting browsers and HTTPS
if (navigator.share && document.location.protocol === 'https:') {
- const shareBtn = document.getElementById('share-button')
+ const shareBtn = document.getElementById('btnshare')
// Unhide share-button if supported
- shareBtn.style.display = 'initial'
+ shareBtn.style.display = 'inline-block'
shareBtn.addEventListener('click', async () => {
const query = (selector) => {
diff --git a/themes/chameleon/source/svg/link.svg b/themes/chameleon/source/svg/link.svg
index 8623d97..6d38912 100644
--- a/themes/chameleon/source/svg/link.svg
+++ b/themes/chameleon/source/svg/link.svg
@@ -6,4 +6,4 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-->
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/themes/chameleon/source/svg/search.svg b/themes/chameleon/source/svg/search.svg
index 85354ed..9e5bcbe 100644
--- a/themes/chameleon/source/svg/search.svg
+++ b/themes/chameleon/source/svg/search.svg
@@ -1,8 +1,2 @@
-
-
+
diff --git a/themes/chameleon/source/svg/share.svg b/themes/chameleon/source/svg/share.svg
index cc7deda..035fcdf 100644
--- a/themes/chameleon/source/svg/share.svg
+++ b/themes/chameleon/source/svg/share.svg
@@ -7,5 +7,5 @@ The above copyright notice and this permission notice shall be included in all c
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-->