FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix improve-this-page btn alignment when share-buttons disabled

Browse source 
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
hossainemruz 2021-09-24 23:28:41 +06:00
parent 795c1c8153
commit c5efa30434
2 changed files with 19 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/_default/single.html
View file

@ -71,8 +71,8 @@
<!-- Share or Contribute --> <!-- Share or Contribute -->
<div class="row pl-3 pr-3"> <div class="row pl-3 pr-3">
<!--Social Media Share Buttons--> <!--Social Media Share Buttons-->
<div class="col-md-6 share-buttons">
{{ if site.Params.features.blog.shareButtons }} {{ if site.Params.features.blog.shareButtons }}
<div class="col-md-6 share-buttons">
<strong>{{ i18n "share_on" }}:</strong> <strong>{{ i18n "share_on" }}:</strong>
{{ if site.Params.features.blog.shareButtons.facebook }} {{ if site.Params.features.blog.shareButtons.facebook }}
<a class="btn btn-sm facebook-btn" href="https://www.facebook.com/sharer.php?u={{ .Permalink }}" target="_blank"> <a class="btn btn-sm facebook-btn" href="https://www.facebook.com/sharer.php?u={{ .Permalink }}" target="_blank">
@ -124,8 +124,8 @@
<i class="fas fa-envelope-open-text"></i> <i class="fas fa-envelope-open-text"></i>
</a> </a>
{{ end }} {{ end }}
{{ end }}
</div> </div>
{{ end }}
<!--- Improve this page button ---> <!--- Improve this page button --->
{{ if site.Params.GitRepo }} {{ if site.Params.GitRepo }}

48
static/css/layouts/single.css
View file

@ -206,77 +206,63 @@ h6 {
} }
.share-buttons .btn { .share-buttons .btn {
background-color: #248aaa !important;
border-color: #248aaa !important;
color: #e5e9f2 !important; color: #e5e9f2 !important;
transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important;
} }
.share-buttons .facebook-btn:hover, .share-buttons .btn:hover,
.share-buttons .facebook-btn:focus { .share-buttons .btn:focus {
background-color: #248aaa !important;
border-color: #248aaa !important;
transition: all 0.3s ease-out !important;
}
.share-buttons .facebook-btn {
background-color: #4267b2 !important; background-color: #4267b2 !important;
border-color: #4267b2 !important; border-color: #4267b2 !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .twitter-btn:hover, .share-buttons .twitter-btn {
.share-buttons .twitter-btn:focus {
background-color: #1da1f2 !important; background-color: #1da1f2 !important;
border-color: #1da1f2 !important; border-color: #1da1f2 !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .reddit-btn:hover, .share-buttons .reddit-btn {
.share-buttons .reddit-btn:focus {
background-color: #ff4500 !important; background-color: #ff4500 !important;
border-color: #ff4500 !important; border-color: #ff4500 !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .tumblr-btn:hover, .share-buttons .tumblr-btn {
.share-buttons .tumblr-btn:focus {
background-color: #34465d !important; background-color: #34465d !important;
border-color: #34465d !important; border-color: #34465d !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .pocket-btn:hover, .share-buttons .pocket-btn {
.share-buttons .pocket-btn:focus {
background-color: #ef4056 !important; background-color: #ef4056 !important;
border-color: #ef4056 !important; border-color: #ef4056 !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .linkedin-btn:hover, .share-buttons .linkedin-btn {
.share-buttons .linkedin-btn:focus {
background-color: #2867b2 !important; background-color: #2867b2 !important;
border-color: #2867b2 !important; border-color: #2867b2 !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .diaspora-btn:hover, .share-buttons .diaspora-btn {
.share-buttons .diaspora-btn:focus {
background-color: #3c4858 !important; background-color: #3c4858 !important;
border-color: #3c4858 !important; border-color: #3c4858 !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .mastodon-btn:hover, .share-buttons .mastodon-btn {
.share-buttons .mastodon-btn:focus {
background-color: #2791da !important; background-color: #2791da !important;
border-color: #2791da !important; border-color: #2791da !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .whatsapp-btn:hover, .share-buttons .whatsapp-btn {
.share-buttons .whatsapp-btn:focus {
background-color: #4ac959 !important; background-color: #4ac959 !important;
border-color: #4ac959 !important; border-color: #4ac959 !important;
transition: all 0.3s ease-out !important;
} }
.share-buttons .email-btn:hover, .share-buttons .email-btn {
.share-buttons .email-btn:focus {
background-color: #3c4858 !important; background-color: #3c4858 !important;
border-color: #3c4858 !important; border-color: #3c4858 !important;
transition: all 0.3s ease-out !important; transition: all 0.3s ease-out !important;