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; font-medium;
} }
&__share { &__share {
@apply gap-1 md:gap-2; @apply gap-1 md:gap-2 !my-0;
.share-button { .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; transition: transform 0.3s ease-in-out;
&:before { &:before {
@apply absolute w-3 h-3 bg-contain bg-center bg-no-repeat; @apply absolute w-3 h-3 bg-contain bg-center bg-no-repeat;
@ -32,17 +35,17 @@
filter: brightness(1.4); filter: brightness(1.4);
} }
} }
.share-button--Facebook { .share-button--Facebook a {
&:before { &:before {
background-image: url('../resources/img/graphic-assets/icone-social-facebook.svg'); background-image: url('../resources/img/graphic-assets/icone-social-facebook.svg');
} }
} }
.share-button--Twitter-X { .share-button--Twitter-X a {
&:before { &:before {
background-image: url('../resources/img/graphic-assets/icone-social-twitter-x.svg'); background-image: url('../resources/img/graphic-assets/icone-social-twitter-x.svg');
} }
} }
.share-button--Linkedin { .share-button--Linkedin a {
&:before { &:before {
background-image: url('../resources/img/graphic-assets/icone-social-linkedin.svg'); background-image: url('../resources/img/graphic-assets/icone-social-linkedin.svg');
} }

11
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">
<div class="post-infos-capsule__share">
<ul class="post-infos-capsule__share">
<?php foreach ($shareUrls as $key => $shareUrl) : ?> <?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> <a class="share-link" target="_blank" title="<?php echo __("Partager ce contenu sur ", "homegrade-theme__texte-fonctionnel") . $key ?>">
</a>
</li>
<?php endforeach; ?> <?php endforeach; ?>
</div> </ul>
<?php if ($published) : ?> <?php if ($published) : ?>
<div class="post-infos-capsule__publication-date"> <div class="post-infos-capsule__publication-date">
<time><?php echo __("Publié le ", "homegrade-theme__texte-fonctionnel") . $published ?></time> <time><?php echo __("Publié le ", "homegrade-theme__texte-fonctionnel") . $published ?></time>