Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring socials links to be a list

Browse Source
This commit is contained in:
Antoine M 2024-04-02 16:35:14 +02:00
parent 3247b1108f
commit 5e3e41c8c8
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
template-components/post-infos-capsule.css
View File

@ -15,9 +15,12 @@
font-medium;
}
&__share {
@apply gap-1 md:gap-2;
@apply gap-1 md:gap-2 !my-0;
.share-button {
@apply bg-primary w-8 h-8 rounded-full p-4 relative;
@apply pl-0 content-none py-0;
}
.share-button a {
@apply bg-primary !block w-8 h-8 rounded-full p-4 relative;
transition: transform 0.3s ease-in-out;
&:before {
@apply absolute w-3 h-3 bg-contain bg-center bg-no-repeat;
@ -32,17 +35,17 @@
filter: brightness(1.4);
}
}
.share-button--Facebook {
.share-button--Facebook a {
&:before {
background-image: url('../resources/img/graphic-assets/icone-social-facebook.svg');
}
}
.share-button--Twitter-X {
.share-button--Twitter-X a {
&:before {
background-image: url('../resources/img/graphic-assets/icone-social-twitter-x.svg');
}
}
.share-button--Linkedin {
.share-button--Linkedin a {
&:before {
background-image: url('../resources/img/graphic-assets/icone-social-linkedin.svg');
}

9
template-components/post-infos-capsule.php
View File

@ -24,14 +24,15 @@ $shareUrls = build_share_urls($postID);
?>
<div class="post-infos-capsule">
<div class="post-infos-capsule__share">
<ul class="post-infos-capsule__share">
<?php foreach ($shareUrls as $key => $shareUrl) : ?>
<a class="share-button share-button--<?php echo $key ?>" href='<?php echo $shareUrl ?>' target="_blank" title="<?php echo __("Partager ce contenu sur ", "homegrade-theme__texte-fonctionnel") . $key ?>">
<li class="share-button share-button--<?php echo $key ?>" href='<?php echo $shareUrl ?>'>
<a class="share-link" target="_blank" title="<?php echo __("Partager ce contenu sur ", "homegrade-theme__texte-fonctionnel") . $key ?>">
</a>
</li>
<?php endforeach; ?>
</div>
</ul>
<?php if ($published) : ?>
<div class="post-infos-capsule__publication-date">
<time><?php echo __("Publié le ", "homegrade-theme__texte-fonctionnel") . $published ?></time>