refactor: align the position of the share buttons

This commit is contained in:
Cotes Chung 2023-11-08 01:16:00 +08:00
parent 4a7f33f7bb
commit 06f1c6f256
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
2 changed files with 9 additions and 19 deletions

View file

@ -8,15 +8,13 @@
{% assign url = page.url | absolute_url | url_encode %}
{% for share in site.data.share.platforms -%}
{%- capture tooltip -%}
data-bs-toggle="tooltip" data-bs-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}"
{%- endcapture -%}
{% if share.type == 'Mastodon' %}
<script defer type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/share-to-mastodon/+esm"></script>
<button
class="btn text-start"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="{{ share.type }}"
aria-label="{{ share.type }}"
>
<button class="btn text-start" {{ tooltip }}>
<share-to-mastodon
class="share-mastodon"
message="{{ title }}"
@ -25,7 +23,7 @@
customInstanceList="{{ share.instances | jsonify | xml_escape }}"
{%- endif %}
>
<i class="{{ share.icon }}"></i>
<i class="fa-fw {{ share.icon }}"></i>
</share-to-mastodon>
</button>
@ -34,15 +32,7 @@
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
<a
href="{{ link }}"
data-bs-toggle="tooltip"
data-bs-placement="top"
title="{{ share.type }}"
target="_blank"
rel="noopener"
aria-label="{{ share.type }}"
>
<a href="{{ link }}" target="_blank" rel="noopener" {{ tooltip }}>
<i class="fa-fw {{ share.icon }}"></i>
</a>
{% endfor %}

View file

@ -90,9 +90,9 @@ h1 + .post-meta {
}
button {
position: relative;
bottom: 1px;
padding: 0;
border: none;
line-height: inherit;
@extend %cursor-pointer;
}