curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(css): hide share button by default

This commit is contained in:
Ming Di Leom 2021-11-18 10:32:54 +00:00
parent ed521ca896
commit b72ffb1c39
No known key found for this signature in database
GPG Key ID: 32D3E28E96A695E8
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
themes/chameleon/source/css/_source.css
View File

@ -746,11 +746,14 @@ unhide (via JS) if Web Share API is supported */
.article .article-entry a.headerlink, .article .article-entry a.headerlink,
.article-title a#btnshare { .article-title a#btnshare {
margin-left: 0.5em; margin-left: 0.5em;
display: inline-block;
height: 1em; height: 1em;
width: 1em; width: 1em;
} }
.article .article-entry a.headerlink {
display: inline-block;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.article-title { .article-title {
font-size: 1.8rem; font-size: 1.8rem;

5
themes/chameleon/source/css/chameleon.css
View File

@ -1066,11 +1066,14 @@ unhide (via JS) if Web Share API is supported */
.article .article-entry a.headerlink, .article .article-entry a.headerlink,
.article-title a#btnshare { .article-title a#btnshare {
margin-left: 0.5em; margin-left: 0.5em;
display: inline-block;
height: 1em; height: 1em;
width: 1em; width: 1em;
} }
.article .article-entry a.headerlink {
display: inline-block;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.article-title { .article-title {
font-size: 1.8rem; font-size: 1.8rem;

2
themes/chameleon/source/js/chameleon.js
View File

@ -32,7 +32,7 @@ if (navigator.share && document.location.protocol === 'https:') {
const shareBtn = document.getElementById('btnshare') const shareBtn = document.getElementById('btnshare')
// Unhide share-button if supported // Unhide share-button if supported
shareBtn.style.display = 'initial' shareBtn.style.display = 'inline-block'
shareBtn.addEventListener('click', async () => { shareBtn.addEventListener('click', async () => {
const query = (selector) => { const query = (selector) => {